html – 什么是伪元素？

发布时间：2020-12-14 22:58:50 所属栏目：资源来源：网络整理

导读：我正在剖析这个非常漂亮的例子,说明CSS如何帮助你在图像上创建漂亮的发光效果. http://jsfiddle.net/necolas/KbNq7/ 该示例中的这一特定行提到： Although this method will only produce the full effect in Firefox 4, other browsers will eventually cat

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

注意：后跟选择器是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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!