E:after/E::after { sRules }
CSS3將偽對象選擇符(Pseudo-Element Selectors)前面的單個冒號(:)修改為雙冒號(::)用以區(qū)別偽類選擇符(Pseudo-Classes Selectors)，但以前的寫法仍然有效。
即E:after可轉(zhuǎn)化為E::after
| 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+ | |||||||
| ::after | 6.0-7.0 | 2.0-3.0 #2 | ||||||
| 8.0 #1 | 3.5+ | |||||||
| 9.0+ | ||||||||
| 應(yī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+ |
IE10在使用偽元素動畫有一個問題：
例如：
.test:hover {}
.test:hover::after { /* 這時animation和transition才生效 */ } 需要使用一個空的:hover來激活