付録：CSS対応状況表

セレクタ

グループ化，全称セレクタ，タイプセレクタ

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
グループ化	1-2	×	○	○	○	○	○	○	○	○	○	○	○
全称セレクタ	2	×	○	○	○	○	○	×	○	○	○	○	○
タイプセレクタ	1-2	○	○	○	○	○	○	○	○	○	○	○	○

関連バグ情報：

• 全称セレクタにfont-size:inherit;を指定するとクラッシュする(Opera6.05)
• 全称セレクタにdisplay:none;を指定するとフリーズする(Opera7.0x)

子孫セレクタ，子供セレクタ，隣接セレクタ

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
子孫セレクタ	1-2	○	○	○	○	○	○	○	○	○	○	○	○
子供セレクタ	2	×	×	×	×	×	○	×	○	○	○	○	○
隣接セレクタ	2	×	×	×	×	×	○	×	○	○	○	○	○

Win版 MSIE

5.0以前では，子供・隣接セレクタを，子孫・タイプセレクタとして解釈するので注意が必要。

5.5以降では，セレクタに > や + などの結合子が含まれる規則集合は完全に無視される。

関連バグ情報：

• セレクタ指定で「#」より前の部分を無視する(WinIE5.0)

属性セレクタ

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
[属性名]	2	×	×	×	×	×	×	×	○	○	○	○	○
[属性名="属性値"]	2	×	×	×	×	×	×	×	○	○	○	○	○
[属性名~="属性値"]	2	×	×	×	×	×	×	×	○	○	○	○	○
[属性名|="属性値"]	2	×	×	×	×	×	×	×	○	○	○	○	○

クラスセレクタ，IDセレクタ

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
クラスセレクタ	1-2	△	○	○	○	○	○	○	○	○	○	○	○
続けて記述された 複数のクラスセレクタ （E.class1.class2）	2	×	×	×	×	×	×	×	○	○	○	○	○
IDセレクタ	1-2	△	○	○	○	○	○	△	○	○	○	○	○
アンダースコアを 含む識別子	2	×	×	○	○	○	○	○	○	○	○	○	○
大・小文字の区別	-	×	×	×	×	○	○	×	○	○	○	×	○

Win版 MSIE 3

クラス/ID名にハイフンが含まれる場合，付随する宣言ブロックごと無視される。

Win版 MSIE 5〜6，Netscape 4

クラス/ID名がアンダースコアから始まる場合，付随する宣言ブロックごと無視される（IE6 ではエスケープすれば有効になる）。 アンダースコアから始まる識別子はCSS2 の正誤表で訂正され，有効になった（ただし HTML のid属性値では不正）。

Netscape 4

タイプセレクタに取り付けられたIDセレクタ（要素型名#識別子）は解析されない。

Netscape 6.0（6.1以降は除く）

クラス/ID名にアンダースコアが含まれる場合，付随する宣言ブロックごと無視される（エスケープすれば有効になる）。

関連バグ情報：

• セレクタ指定で「#」より前の部分を無視する(WinIE5.0)
• 要素名に続けて書いた一意セレクタを認識しない(N4.x)

空白類文字で区切られたクラス属性値：

Win版 MSIE 3〜4，Netscape 4 は，空白類文字で区切られたクラス属性値を解析できない。

続けて記述された複数のクラスセレクタ （E.class1.class2）：

Win版 MSIE 5〜6 および Mac版 MSIE 5 では，最後に記述されたクラス（E.class2）のみ有効になる。

クラスセレクタおよびIDセレクタの大文字と小文字の区別：

Win版 MSIE 6， Netscape 6以降，Opera 7 の標準準拠モード，Mac版 MSIE 5 では大文字・小文字を区別する。

疑似クラス

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
:link	1-2	×	○	○	○	○	○	○	○	○	○	○	○
:visited	1-2	×	○	○	○	○	○	×	○	○	○	○	○
:hover	2	×	△	△	△	△	△	×	○	○	○	△	○
:active	1-2	×	△	△	△	△	△	×	○	○	○	△	○
:focus	2	×	×	×	×	×	○	×	○	○	○	×	○
:lang()	2	×	×	×	×	×	○	×	×	×	○	×	×
:first-child	2	×	×	×	×	×	○	×	○	○	○	×	○
疑似クラスを続けて記述 要素名:xxx:yyy	2	×	×	×	×	×	○	×	○	○	○	×	○
疑似クラスを祖先とする子孫 要素名:xxx 要素名	1-2	×	△	△	△	△	○	×	○	○	○	×	○

Win版 MSIE

:hover，:active疑似クラスは，始点アンカー（href属性を持つa要素）と組み合わせた場合にのみ効果を持つ。

:active疑似クラスは，アクティブな状態だけでなく，なぜかアンカーにフォーカスされた場合にも適用される。

複数続けて指定された疑似クラス（:xxx:yyy）は，最後に記述された疑似クラスのみが有効になる（:yyy）。

Mac版 MSIE 5

:hover，:active疑似クラスは，始点アンカー，button要素か input[type="button"] のみ効果を持つ。

:lang()疑似クラスは，HTML のlang属性とはマッチするけれども，XHTML などのxml:lang属性とはマッチしない。

Win版 Opera 6

:hover，:active疑似クラスは，始点アンカー（href属性を持つa要素）と組み合わせた場合にのみ効果を持つ。

:link や :hover疑似クラスで指定したスタイルの一部が，:visited での指定を無視して引き継がれてしまう。

複数続けて指定された疑似クラス（:xxx:yyy）は，最初に記述された疑似クラスのみが有効になる（:xxx）。

Netscape 4

4.7以降では，:visited疑似クラスがサポートされている。

関連バグ情報：

• 擬似クラスにスタイル指定がないと擬似クラスの子孫要素への指定が効かない(WinIE6)
• :visited擬似クラスの宣言が詳細度を無視してカスケード処理される(WinIE5.x/6.0)
• アンカーを:hover状態にすると親ブロックの高さが変化する(WinIE5.5/6.0)
• アンカーを:hover状態にすると後続するフロートの一部が消える(WinIE6.0)
• アンカーを:hover状態にするとbody要素のサイズが縮む(WinIE6.0)
• アンカーを:hover状態にするとiframe要素のサイズが変化する(WinIE5.5/6.0)
• 擬似要素／擬似クラス／@キーワードなどの判別があいまい(WinIE6.0)
• :hover状態になると親要素のボックス幅が広がる（WinIE5.0）
• :hoverへの設定が適用されるたびにa要素がずれてゆく(MacIE5)
• :hover擬似クラスでvertical-alignが無効(MacIE5.x)
• :first-letter擬似要素に設定したスタイルが動的擬似クラスにマッチすることで失われる(N7)
• :hover状態で配置を行うと当該要素と周囲のレイアウトが大きく乱れる(N6/N7)
• アンカーを:hover状態にするとbody要素などのサイズが変化する(N7.0)
• 内容領域とスクロールバーの境界部で:hoverが効かない（Mozilla）
• 擬似セレクタを二重指定しても始めのセレクタしか認識しない(Opera6.0)
• :link，:hoverでの指定内容を:visitedの指定が上書きしない(Opera6.0)
• :hover擬似クラス状態になることでマージンの幅が変化する(Opera7.11)

疑似要素

値	版	IE3 Win	IE4 Win	IE5 Win	IE5.5 Win	IE6 Win	IE5 Mac	N4 Win	N6 Win	N7 Win	N7.1 Win	O6 Win	O7 Win
:first-line	1-2	×	×	×	○	○	○	×	○	○	○	○	○
:first-letter	1-2	×	×	×	○	○	△	×	○	○	○	○	○
:before	2	×	×	×	×	×	×	×	○	○	○	△	○
:after	2	×	×	×	×	×	×	×	○	○	○	△	○

Win版 MSIE 6 （標準準拠モードのみ）

疑似要素と宣言ブロック始端子（{）との間に空白類文字が記述されていないと，付随する宣言ブロックごと無視される。

疑似要素を含むセレクタをグループ化した場合，正常にマッチングしない。（コンマの前後に空白類を記述すると回避可能）

Win版 Opera 6

:before，:after疑似要素を含むセレクタをグループ化した場合，それら疑似要素に対応する宣言が適用されない。

関連バグ情報：

• :first-letter擬似要素が親要素のフォントサイズを継承しない場合がある(WinIE5.5)
• 疑似要素名称の直後に空白類文字を置かないと疑似要素が認識されない(WinIE6.0)
• 擬似要素にvertical-alignプロパティが効かない(WinIE5.5/6)
• 擬似要素の後に続くli要素の内容物がボックスを無視して表示される(WinIE6)
• 擬似要素を含む要素に後続する要素の内容物が内容領域からはみ出る(WinIE5.5/6.0)
• 擬似要素／擬似クラス／@キーワードなどの判別があいまい(WinIE6.0)
• :first-letter擬似要素の適用対象が2バイト文字の場合に表示が崩れる(MacIE5)
• :first-letter擬似要素に右マージンが効かない(N7)
• :first-letter擬似要素に設定したスタイルが動的擬似クラスにマッチすることで失われる(N7)
• 印刷時、ボックス左端にfirst-letter擬似要素の幅と同じ幅の隙間が空く(N7.1)
• 疑似要素を含むセレクタをコンマ区切りで複数指定すると無視される(Opera6.0)
• :first-letter擬似要素にマージンが設置されない(Opera7.0)
• :first-letter擬似要素の背景を設定できない(Opera7.0)
• body要素のbefore, after擬似要素で背景指定が無視される(Opera7.x)

Win版 MSIE 5.5〜6

:first-letter疑似要素には，vertical-alignプロパティは適用されない。

Mac版 MSIE 5

:first-letter疑似要素には，vertical-alignプロパティは適用されない。

:first-letter疑似要素を適用すると，マージンやパディングが正しく適用されなかったり，日本語が文字化けする場合がある。

Win版 Opera 6

:first-letter疑似要素には，フロート要素以外の場合，background-imageプロパティは適用されない。

:first-line疑似要素には，background-imageプロパティは適用されない。

Win版 Opera 7.0〜7.1x

:first-letter疑似要素には，背景，ボックス関連，text-decoration，float，clearプロパティは適用されない。

Netscape 6〜7.0

:first-letter疑似要素には，ボーダー関連のプロパティは適用されない。

Netscape 6〜7.1，Win版 Opera 7

:first-line疑似要素には，clearプロパティは適用されない。

この文書の情報

Katsu <katsu@ea.mbn.or.jp>
最終改訂日：2004年07月26日