什么是伪元素？

Question

我正在剖析这个非常漂亮的例子,说明CSS如何帮助你在图像上创建漂亮的发光效果.

http://jsfiddle.net/necolas/KbNq7/

该示例中的这一特定行提到:

尽管此方法仅在Firefox 4中产生完整效果,但其他浏览器最终会赶上并将转换应用于 伪元素.

什么是伪元素？

Answer 1

伪元素是CSS选择器,它以特殊方式操作元素的各个部分.

他们包括:

• :first-line
• :before
• :after

应用

像这样应用伪元素

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

酷技巧

伪元素可以做一些很酷的事情,包括

1. 显示打印文档中链接的URL
2. 假的 float:center;

在此处查看更多信息:http://css-tricks.com/9516-pseudo-element-roundup/

用jQuery

jQuery有许多独特的selectors增强和扩展本机CSS组:

http://api.jquery.com/category/selectors/

注意:您可以使用jQuery强制旧版浏览器采用某些规则.例如,IE6将忽略:last-child.使用jQuery可以强制IE6应用该样式.

规格

http://www.w3.org/TR/CSS2/selector.html#pseudo-element-selectors