ハック 2014.07.29 10,965 CSSCSS:最初の1行目だけにスタイルを適用する ツイート シェア はてな .test:first-line { font-weight: bold; color: #099; } こんな感じに1行目のみにスタイルが反映されます。「1行目」であって特定の文字範囲を選んでいるわけではないため、要素や画面の幅に影響を受け、動的に対象要素が変わります。とはいっても「:first-child」による一個目の指定と異なり「テキスト一行目」のみの指定なので、色や行間調整などテキスト装飾のみにしか使えないセレクターとも言えます。つくってみた!社内のトイレ難民解決!トイレ空き状況確認システムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。関連記事 一行目だけにスタイルを指定できる「:first-line」セレクタ 以降の要素に対してのみスタイルを指定できるセレクタ 最初の文字だけにスタイルを指定できる「:first-letter」セレクタ 「◯◯でない場合」にスタイルを適用する「:not」セレクタ 「titleの値が”タイトル”が含まれている場合」のスタイルを指定する方法 CSSで内部リンクのみ表示を変更する