6

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

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

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

虽然这种方法只会在 Firefox 4 中产生完整的效果,但其他浏览器最终会赶上并将过渡应用于 伪元素

什么是伪元素?

4

2 回答 2

10

伪元素是 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

于 2011-10-13T17:26:47.923 回答
2

它不是dom中的元素。您可以使用选择器选择它,特别是在:.

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

于 2011-10-13T17:26:26.830 回答