html – 什么是伪元素?

前端之家收集整理的这篇文章主要介绍了html – 什么是伪元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在剖析这个非常漂亮的例子,说明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.

什么是伪元素?

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

他们包括

>:第一线
>:之前
>:之后

应用

像这样应用伪元素

p:first-letter{
    color:black;
    font-style:italic;
}
@H_404_38@

注意:后跟选择器是CSS1和CSS2中伪元素的表示方式.在CSS3中,使用双冒号(::)来区分它们与伪类.

更多细节:http://reference.sitepoint.com/css/pseudoelements

支持

对于许多浏览器来说支持是不错的,旧的IE版本支持很差. QuirksMode有一个兼容性表(有点过时但仍然有用):http://www.quirksmode.org/css/contents.html#t15

酷技巧

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

>显示打印文档中链接的URL
>假一个浮子:中心;

在这里查看更多: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

猜你在找的HTML相关文章