什么是伪元素？

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. 显示已打印文档中链接的网址
2. 假a 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

Answer 2

它不是dom中的元素。它可以通过选择器选择，特别是在:之后。

http://www.htmldog.com/guides/cssadvanced/pseudoelements/