Article

Home ＞ 2008年06月 ＞ 逆引きCSSハック(IE8b、Opera9.5bも含めたブラウザ別CSSハック)

逆引きCSSハック(IE8b、Opera9.5bも含めたブラウザ別CSSハック)

☆ = 該当ブラウザに適応させるスタイル

★ = 該当ブラウザ以外に適応させるスタイル

IE6に適応

SELECTOR { ★ }
* html SELECTOR { ☆ }

IE7に適応

SELECTOR { ★ }
*:first-child+html SELECTOR { ☆ /*\*//*/ ★ /**/ }

IE8bに適応

SELECTOR { ★ /*\*//*/ ☆ /**/ }

IE6、7に適応

SELECTOR { ★ }
* html SELECTOR { ☆ }
*:first-child+html SELECTOR { ☆ /*\*//*/ ★ /**/ }

IE7、8bに適応

SELECTOR { ★ }
*:first-child+html SELECTOR { ☆ }

IE6、7、8bに適応

SELECTOR { ★ }
* html SELECTOR { ☆ }
*:first-child+html SELECTOR { ☆ }

IE6以外に適応

SELECTOR { ★ }
html>body SELECTOR { ☆ }

IE6、7以外に適応

SELECTOR { ★ }
html>/**/body SELECTOR { ☆ }

IE6、7、8b以外に適応

SELECTOR { ★ }
html>/**/body SELECTOR { ☆ /*\*//*/ ★ /**/ }

Opera9.27以下に適応

SELECTOR { ★ }
html:first-child SELECTOR { ☆ }

Opera9.5bに適応

SELECTOR { ★ }
body:last-child SELECTOR { ☆ }
html:not([lang*=""]) SELECTOR { ★ }
html:not(:only-child:only-child) SELECTOR { ★ }

Opera(9.27以下+9.5b)に適応

SELECTOR { ★ }
html:first-child SELECTOR { ☆ }
body:last-child SELECTOR { ☆ }
html:not([lang*=""]) SELECTOR { ★ }
html:not(:only-child:only-child) SELECTOR { ★ }

Firefoxに適応

SELECTOR { ★ }
html:not([lang*=""]) SELECTOR { ☆ }

or

SELECTOR { ★ }
html/* */:not([lang*=""]) SELECTOR { ☆ }

or

SELECTOR { ★ }
html:/* */not([lang*=""]) SELECTOR { ☆ }

or

SELECTOR { ★ }
html:not([lang*=""]) head~body SELECTOR { ☆ }

Safariに適応

SELECTOR { ★ }
html:not(:only-child:only-child) SELECTOR { ☆ }

or

SELECTOR { ★ }
body:last-child:not(:root:root) SELECTOR { ☆ }

テストしたブラウザ