指定した文字列を含む属性値を持つ要素にスタイルを適用する

属性セレクタ [属性*="属性値"]

要素名 [属性*="属性値"]{~}

要素名に続けて[ 属性*="属性値"]を記述してセレクタとすると、指定した属性と、指定した文字列を含む属性値を持つ要素を対象にスタイルを適用します。

セレクタの使用例

以下の例では、属性値に「dekiru」を含むhref属性を持つa要素にスタイルを適用し、リンクの文字を太字で表示しています。

CSS
a[href*="dekiru"] {
  font-variant: bold;
}