亚洲综合小说另类图片

<dfn id="4z7un"><s id="4z7un"></s></dfn>
          1. <nav id="4z7un"><sup id="4z7un"></sup></nav>
            <th id="4z7un"></th>

          2. <output id="4z7un"><small id="4z7un"><input id="4z7un"></input></small></output>
            八周年活動月
            歡迎訪問長沙友點軟件科技有限公司旗下產品友點CMS官方網站!
            友點CMS

            CSS選擇器的兼容性

            來源:友點CMS 日期:2015-09-08 12:24:11 屬于:瀏覽器兼容專題
            下面是一系列關于最流行的瀏覽器對CSS選擇器和偽選擇器的支持情況的測試。
            CSS 1
            ↓ 選擇器 / 
            瀏覽器 →
            IE6 IE7 + FF 2 + Safari 3.0 + Chrome 2 + Opera
            ↑ 選擇器 / 
            瀏覽器 →
            IE6 IE7 + FF 2 + Safari 3.0 + Chrome 2 + Opera
            E YES YES YES YES YES YES
            E F YES YES YES YES YES YES
            :link YES YES YES YES YES YES
            E:active YES YES YES YES YES YES
            :visited YES YES YES YES YES YES
            E:first-line NO YES YES YES YES YES
            E:first-letter NO YES YES YES YES YES
            E.classname YES YES YES YES YES YES
            E#id YES YES YES YES YES YES
            .classname.classname NO YES YES YES YES YES
            CSS 2.1
            ↓ 選擇器 / 
            瀏覽器 →
            IE6 IE7 IE8 + FF 2 + Safari 3.0 Safari 3.2+ Chrome 2 + Opera
            ↑ 選擇器 / 
            瀏覽器 →
            IE6 IE7 IE8 + FF 2 + Safari 3.0 Safari 3.2+ Chrome 2 + Opera
            * YES YES YES YES YES YES YES YES
            E > F NO YES YES YES YES YES YES YES
            E:first-child NO YES YES YES YES YES YES YES
            E:hover PARTIAL (1) YES YES YES YES YES YES YES
            E:focus NO NO YES YES YES YES YES YES
            E + F NO YES YES YES YES YES YES YES
            E[attr] NO YES YES YES YES YES YES YES
            E[attr="name"] NO YES YES YES YES YES YES YES
            E[attr~="name"] NO YES YES YES YES YES YES YES
            E:before NO NO YES YES YES YES YES YES
            E:after NO NO YES YES YES YES YES YES
            CSS 3
            ↓ 選擇器 / 
            瀏覽器 →
            IE6 IE7 IE8 IE9 + FF 3 FF 3.5 + Safari 3.0 Safari 3.2+ Chrome 2 Opera
            ↑ 選擇器 / 
            瀏覽器 →
            IE6 IE7 IE8 IE9 + FF 3 FF 3.5 + Safari 3.0 Safari 3.2+ Chrome 2 Opera
            E ~ F NO YES YES YES YES YES YES YES YES YES
            E[attr^="name"] NO YES YES YES YES YES YES YES YES YES
            E[attr$="name"] NO YES YES YES YES YES YES YES YES YES
            E[attr*="name"] NO YES YES YES YES YES YES YES YES YES
            E[attr|="name"] NO YES YES YES YES YES YES YES YES YES
            E:root NO NO NO YES YES YES YES YES YES YES
            E:nth-of-type NO NO NO YES NO YES NO YES YES YES
            E:nth-last-of-type NO NO NO YES NO YES NO YES YES YES
            E:first-of-type NO NO NO YES NO YES YES YES YES YES
            E:last-of-type NO NO NO YES NO YES NO YES YES YES
            E:only-of-type NO NO NO YES NO YES NO YES YES YES
            E:only-child NO NO NO YES YES YES NO YES YES YES
            E:last-child NO NO NO YES YES YES NO YES YES YES
            E:nth-child NO NO NO YES NO YES NO YES YES YES
            E:nth-last-child NO NO NO YES NO YES NO YES YES YES
            E:empty NO NO NO YES YES YES YES YES (3) YES YES
            E:target NO NO NO YES YES YES YES YES YES YES
            E:checked NO NO NO YES YES YES YES YES YES YES
            E:selection NO NO NO YES YES
            只支持-MOZ-
            YES
            只支持-MOZ-
            YES YES YES YES
            E:enabled NO NO NO YES YES YES YES YES YES YES
            E:disabled NO NO NO YES YES YES YES YES YES YES
            E:not(s) NO NO NO YES YES YES YES YES YES YES
            1. :hover 在IE6中只有a元素可用。
            2. E:empty 貌似在webkit核心瀏覽器中有些小bug。
            3. 如果這個bug依然存在,不太確定如何測試。
            4. IE6不支持.class1{}.class2{}雙類選擇器。

            IE8注意事項:

            • E[attr]選擇器在值為空的時候或者寫錯的時候,將不會生效;
            • IE8支持CSS2.1的所有屬性,支持偽類,但是不支持偽元素。

            IE8中的IE7兼容模式

            • E[attr] 和IE8一樣,值為空或寫錯的時候,無效;
            • E[attr~=val]這里唯一需要注意的是,屬性的值,區分大小寫;
            • E[attr|=val]IE7有一些大小寫敏感的問題,但是通??梢哉J褂?;
            • :first-child IE7 會將一個注釋或者文字節點當成first-child,而不是只有元素才是“子”元素。所以,如果在第一個子元素前有注釋或文字,IE7會匹配之而不是去匹配第一個子元素。

            Safari/Chrome

            • Safari3.2(事實上可以追溯到3.1)以上的版本已經完全的支持所有CSS選擇器了。
            • Safari3.0基本上對CSS 2的選擇器支持很好,但不支持CSS3大部分新增的選擇器,而且對屬性選擇器的支持不是很完整。
            • iPhone中的Safari有3.0和3.2兩個版本,對CSS的支持情況與PC/Mac版的支持情況一致。
            • Android系統自帶的瀏覽器基本上也是基于webkit核心的,其對于CSS選擇器的支持情況待測。
            相關文章
            亚洲综合小说另类图片
            <dfn id="4z7un"><s id="4z7un"></s></dfn>
                    1. <nav id="4z7un"><sup id="4z7un"></sup></nav>
                      <th id="4z7un"></th>

                    2. <output id="4z7un"><small id="4z7un"><input id="4z7un"></input></small></output>