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

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

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

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

セレクタの使用例

以下の例では、「.pdf」で終わる属性値のhref属性を持つa要素にスタイルを適用し、リンクにアイコンを表示しています。

CSS
a[href$=".pdf"]{
  padding-right:15px;
  background:(image/pdf-icon.png) no-repeat right center;
}