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拡張子へのアンカーに適用するスタイルを記述 */ }
はてなブックマーク - 制作スタッフ
Director Naoya Ito Management Junya Kondo Sub Director, Lead Designer, User Interface Takeshi Nagayama Lead Programmer, User Interface Yuichi Tateno Programmer, Bayesian Classifier Kazutaka Yamazaki Programmer, Fulltext Search Interface, Atom API Makoto Miura Programmer, Content Extraction Lintaro INA Designer, HTML/CSS, Text writing Hiroyuki Tomine PFIers, Fulltext Serch Engine Kazuki Ohta (Prefe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
