CSS3中的雙冒號( :: )是一個新的選擇器語法,用于指定偽元素。與單冒號( : )不同,雙冒號只能用于偽元素,而不能用于偽類。以下是關于雙冒號的一些重要信息:
p::first-line { color: red; }
1. 雙冒號的兼容性
/*IE6~IE8需要單冒號,才能正確解析*/ p:first-line { color: red; }
2. 雙冒號的用法
雙冒號的用法與單冒號類似,但是只能用于偽元素選擇器。
p::first-line { color: red; }
3. 部分瀏覽器可能不支持雙冒號
盡管雙冒號已經被納入了CSS3規范,但是由于市場上存在過多的老版本瀏覽器,所以它還是可能會出現兼容性問題。為了兼容這些瀏覽器,可以采用后代選擇器和單冒號的方式來達到相同的效果:
/*匹配段落的第一行*/ p:first-line { color: red; } /*匹配段落容器中第一行的第一個字母*/ p:first-letter { font-size: 150%; } /*匹配段落容器之后的內容*/ p::after { content: " - The End"; font-style: italic; }
總之,雙冒號是CSS3中的一個非常重要的新特性,它可以用于指定偽元素樣式,使得我們在頁面上實現更加豐富的視覺效果。
上一篇css3 圖標閃爍
下一篇css3如何給文字描邊