Article

Home2008年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 {  }

テストしたブラウザ