我正在剖析这个非常漂亮的例子,说明 CSS 如何帮助您在图像上创建漂亮的发光效果。
http://jsfiddle.net/necolas/KbNq7/
示例中的这一特定行提到:
虽然这种方法只会在 Firefox 4 中产生完整的效果,但其他浏览器最终会赶上并将过渡应用于 伪元素。
什么是伪元素?
我正在剖析这个非常漂亮的例子,说明 CSS 如何帮助您在图像上创建漂亮的发光效果。
http://jsfiddle.net/necolas/KbNq7/
示例中的这一特定行提到:
虽然这种方法只会在 Firefox 4 中产生完整的效果,但其他浏览器最终会赶上并将过渡应用于 伪元素。
什么是伪元素?
伪元素是 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
伪元素可以做一些很酷的事情,包括
float:center;
在此处查看更多信息:http: //css-tricks.com/9516-pseudo-element-roundup/
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
它不是dom中的元素。您可以使用选择器选择它,特别是在:
.