CSS 3 の属性セレクタの分かりやすい説明CSS 3 attribute selectors - Opera Developer Community CSS 3の属性セレクタを簡潔に説明している。 まず、擬似セレクタの、:before と :after これは前後のスタイルを指定するものだ。この擬似セレクタを、generated content と共に使えば、前後に画像を挿入できたりする。 さて、アンカー要素の href 属性に、ある特定の拡張子があったときのみ、特定のスタイルを提供したいという場合、どうすればいいだろう。例えば、画像の拡張子は、bmpやjpgやpngであるし、動画は、aviやmp4やmkvだ。たしかに、URLが拡張子にならない場合もあるが、class 属性を糞真面目につけておくのも面倒である。ではどうするか。 a[ href$='.mov' ] { /* mov拡張子へのアンカーに適用するスタイルを記述 */ }
