我正在剖析这个非常漂亮的例子,说明CSS如何帮助你在图像上创建漂亮的发光效果.
http://jsfiddle.net/necolas/KbNq7/
该示例中的这一特定行提到:
Although this method will only produce the full effect in Firefox 4,
other browsers will eventually catch up and apply transitions to
pseudo-elements.
什么是伪元素?
他们包括:
>:第一线
>:之前
>:之后
应用
像这样应用伪元素
p:first-letter{
color:black;
font-style:italic;
}
注意:后跟选择器是CSS1和CSS2中伪元素的表示方式.在CSS3中,使用双冒号(::)来区分它们与伪类.
更多细节:http://reference.sitepoint.com/css/pseudoelements
对于许多浏览器来说支持是不错的,旧的IE版本支持很差. QuirksMode有一个兼容性表(有点过时但仍然有用):http://www.quirksmode.org/css/contents.html#t15
酷技巧
伪元素可以做一些很酷的事情,包括
在这里查看更多:http://css-tricks.com/9516-pseudo-element-roundup/
用jQuery
jQuery有许多独特的选择器,可以增强和扩展本机CSS组:
http://api.jquery.com/category/selectors/
注意:您可以使用jQuery强制旧版浏览器采用某些规则.例如,IE6将忽略:last-child.使用jQuery可以强制IE6应用该样式.
规格
http://www.w3.org/TR/CSS2/selector.html#pseudo-element-selectors