Home > P.401

P.401

  • Last Modified: 2009年3月13日 00:54

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

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

XHTML

<body>
  <div>
    <p>この段落に#ff0の背景色を指定する</p>
  </div>
</body>

IE 7 を含むモダンブラウザにのみ適用(バージョン 6 以下の IE を除外)

使用するセレクタはhtml>body です。

CSS(1)

html>body p {
  background-color: #ff0;
}

Download(1)

IE 8 を含むモダンブラウザにのみ適用(バージョン 7 以下の IE を除外)

使用するセレクタは html>/**/body です。

CSS(2)

html>/**/body p {
  background-color: #ff0;
}

Download(2)

IE 8 Beta 、 Opera 9.2x にのみ適用

使用するセレクタは html:first-child です。

なお、第 1 刷刊行後にリリースされた IE 8 RC1 ではこのハックは無効になっており、かつ IE 7 以前でも無効だったため、現在ではこのハックは用いない方が良いでしょう。

CSS(3)

html:first-child p {
  background-color: #ff0;
}

Download(3)

Comments:0

Comment Form

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

Trackbacks:0

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

Home > P.401

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

Return to page top