::first-line

[CSS] 一行目以外にスタイルを設定するには?(否定擬似クラスには擬似要素を入れられない) とりあえずのメモ

[CSS] 一行目以外にスタイルを設定するには?(否定擬似クラスには擬似要素を入れられない)

:not(::first-line)は無効になる title-listクラスのリスト要素(li)の各一行目を太字にしています。このCSSセレクタは、 .title-list li::first-line 二行目以降にスタイルを設定したいと思いました。 一見、::first-line 擬似要素を :not() 否定擬似クラスに入れれば、リスト項目の最初の行以外を選択するセレクタになりそうです。 .title-list li:not(::first-line) しかし、これはうま...
リスト内の項目の1行目だけを太字にする(::first-line 疑似要素) とりあえずのメモ

リスト内の項目の1行目だけを太字にする(::first-line 疑似要素)

CSSを使って要素内の最初の行だけを太字にできます。 /** title-listクラスのリスト 2024-06-02*/ .title-list li { font-size: 80%; } .title-list li::first-line { font-weight: 900; font-size: 120%; } li セレクターを使って、全ての <li> 要素のフォントウェイトを normal に設定しています。これにより、デフォルトでは <li> 要素内のテキス...