Home > P.096

P.096

  • Last Modified: 2008年11月24日 16:39

このページは、株式会社技術評論社より刊行されている実践 Web Standards Design に記載しているソースコードのサンプルを呈示しています。 書籍該当部分と照合しやすいように前後の解説文も掲載していますが、あくまで照合用のため、適宜前後を省いたり内容を省略したりしています。 書籍を読みながら実際にサンプルを表示する際の補助資料として活用してください。

また、 XHTML ソースと CSS ソース、関連画像を含めた全サンプルの ZIP アーカイブ (3,104,743 Bytes) もダウンロードできます。 ( ZIP アーカイブには解説文は含まれていません。)

解説

ソース文書の属性をセレクタに用いることで、要素型セレクタや子孫セレクタや子供セレクタ、隣接兄弟セレクタだけでは指定できない特定の要素だけにスタイルを適用させるという指定が可能になります。

CSS

div[id] { background-color: #eff; } /* (1)id 属性が指定されている div 要素のみ、背景色を #eff にする */
div[id=pr-20070109] { background-color: #eff; } /* (2)id 属性が pr-20070109 である div 要素のみ、背景色を #eff にする */
div[class~=section] { background-color: #eff; } /* (3)class 属性の値がスペースで区切られて複数記述されており、そのうちの 1 つが section である div 要素のみ、背景色を #eff にする */
html[lang|=ja] > div { background-color: #eff; } /* (4)lang 属性が ja であるか、または "-" の直前に ja が来る形で始まっている(例: ja-JP ) html 要素の直接の子要素である div 要素のみ、背景色を #eff にする */

Download

Comments:0

Comment Form

コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。

Trackbacks:0

TrackBack URL for this entry
http://lh3.jp/files/system/mtos/mt-tb.cgi/41
Listed below are links to weblogs that reference
P.096 from lh3.jp

Home > P.096

Tag Cloud
Categories
Archives
Search
Feeds
  • Feed by feedburner.jp

Return to page top