カテゴリー
CSS セレクタ 属性セレクタ 属性値セレクタ

【CSS】属性値セレクタ:特定の属性値を持つ要素にスタイルを適用する

(例)【CSS】属性値セレクタの使用方法

See the Pen
要素名[属性名]{}
by linlin (@linlin098765)
on CodePen.

<a href="https://www.llc-linlin.com" title="Linlinのリンク">Linlin</a><br>
<a href="https://www.llc-linlin.com" target="_self">Linlin</a><br>
a[title] {background-color:red;}
a[target="_self"]{background-color:blue;}

【CSS】属性値セレクタ:特定の属性値を持つ要素にスタイルを適用する

 CSSの属性値セレクタは、特定の属性値を持つ要素に対しスタイルを適用します。適用形式としては、「要素名[属性名=”属性値”]{}」となります。