CSS:最初の1行目だけにスタイルを適用する

goto_jp 1,312views 更新:2014年7月29日
.test:first-line {
    font-weight: bold;
    color: #099;
}

こんな感じに1行目のみにスタイルが反映されます。「1行目」であって特定の文字範囲を選んでいるわけではないため、要素や画面の幅に影響を受け、動的に対象要素が変わります。とはいっても「:first-child」による一個目の指定と異なり「テキスト一行目」のみの指定なので、色や行間調整などテキスト装飾のみにしか使えないセレクターとも言えます。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません