CSS瀏覽器安全色

來源:互聯網
上載者:User

1、各瀏覽器各自識別的標籤

特殊標籤 IE6 IE7 IE8 Firefox Chrome Safari
!important . Y . Y . .
_ Y . . . . .
* Y Y . . . .
*+ . Y . . . .
\9 Y Y Y . . .
\0 . . Y . . .
nth-of-type(1) . . . . Y Y

2、區別IE和非IE瀏覽器

#div
{
    background:blue;/*非IE背景藍色*/
    background:red \9;/*IE6、IE7、IE8背景紅色*/

3、區別IE6、IE7、IE8、FF、Chrome、Safari

#div
{
    background:blue;/*Firefox背景藍色*/
    background:red \9;/*IE8背景紅色*/
    *background:black;/*IE7背景黑色*/    
    _background:orange;/*IE6背景橘色*/    
    /*IE系列瀏覽器可讀[\9],而IE6和IE7可讀[*],另外IE6可辨識[_]。因此依照順序寫下來,就會讓瀏覽器正確的讀取到自己看得懂的CSS文法。*/

}
body:nth-of-type(1) p{color:red;}/*Chrome、Safari支援*/ 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.