on:2014年11月25日sponsorsfirst-line疑似要素を使用すると、その要素の最初の行だけスタイルを適用できますが、それを拡張するかのようにさまざまな行の指定ができるスクリプトを紹介します。n番目の行、奇数・偶数行などが利用できます。-GitHubLining.jsのデモLining.jsの使い方Lining.jsのデモデモでは英語の文章、リスト、漢字を使った縦書きなどがあります。2行目だけカラーを変更しています。1を日本語に変更してみました。2行指定は一つだけでなく、複数それぞれ別のスタイルを適用することも可能です。3番目の行にスタイルを適用。3リストにも使用できます。4縦書きの行数にも対応。5一行ごとにさまざまなアニメーションで表示します。「rolling」のエフェクトかっこいいです。外部ファイル当スクリプトを外部ファイルとして記述します。src="build/lining.min.js"></script></head>デモにあるエフェクトを使用する時は、エフェクト用のスクリプトも加えます。HTML適用する要素に「data-lining」を加えます。data-lining>洋酒といえば、誰でも最初に思い浮かべるのがウイスキー。洋酒のシンボル的な存在なのだが、</p>エフェクトを使用する時は「data-effect」を加えます。data-effect="rolling">洋酒といえば、誰でも最初に思い浮かべるのがウイスキー。2で、下記のスタイルシートのセレクタが利用できるようになります。}</style>あとは、各セレクタに好きなスタイルを適用するだけでOK。Posts関連記事が見つかりませんでした。