未满十八18勿进黄网站|美国victoryday高清sort|江西迎来气温大跳水|一区二区在线免费观看|自偷自拍综合精品|五个黑人玩一女4P|WRITEAS串珠

E:before/E::before

語法：

E:before/E::before { sRules }

說明：

設(shè)置在對(duì)象前（依據(jù)對(duì)象樹的邏輯結(jié)構(gòu)）發(fā)生的內(nèi)容。用來和content屬性一起使用，并且必須定義content屬性

  • CSS3將偽對(duì)象選擇符(Pseudo-Element Selectors)前面的單個(gè)冒號(hào)(:)修改為雙冒號(hào)(::)用以區(qū)別偽類選擇符(Pseudo-Classes Selectors)，但以前的寫法仍然有效。

    即E:before可轉(zhuǎn)化為E::before

兼容性：

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 粉色 = 部分支持
Selector IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0-7.0 2.0-3.0 #2 4.0+ 3.1+ 15.0+ 3.2+ 2.1+ 18.0+
8.0+ 3.5+
::before 6.0-7.0 2.0-3.0 #2
8.0 #1 3.5+
9.0+
應(yīng)用動(dòng)畫 6.0-9.0 2.0-3.5 4.0-25.0 3.1-6.0 15.0+ 3.2-6.1 2.1-3.0 18.0-25.0
10.0+ #3 4.0+ 26.0+ 6.1+ 7.0+ 4.0+ 26.0+
  1. 本質(zhì)上并不支持偽元素的雙冒號(hào)(::)寫法，而是忽略掉了其中的一個(gè)冒號(hào)，仍以單冒號(hào)來解析，所以等同變相支持了E::before。
  2. 不支持設(shè)置屬性position, float, list-style-*和一些display值，F(xiàn)irefox3.5開始取消這些限制。

  3. IE10在使用偽元素動(dòng)畫有一個(gè)問題：

    例如：

    .test:hover {} .test:hover::before { /* 這時(shí)animation和transition才生效 */ }

    需要使用一個(gè)空的:hover來激活

示例：