首页 / CSS / css伪类选择器详细解析及案例使用-----伪元素

css伪类选择器详细解析及案例使用-----伪元素

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css伪类选择器详细解析及案例使用-----伪元素，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含905字，纯文字阅读大概需要2分钟。

内容图文

  1. 伪元素：（css3中将所有伪元素前变成了两个冒号，即::first-letter、::first-line、::before、::after、::selection。目的是为了区分伪元素与伪类。对于IE6~IE8，仅支持单冒号写法）
    1.::first-letter  ：用来选择文本块的第一个首字母。
    2.::first-line ：用来匹配元素的第一行文本。
    3.::befor 和 ::after ：创建一个作为当前元素子元素的伪元素。常通过 content 属性来为一个元素添加修饰性的内容。 此元素默认为行内元素。:before和:after伪元素指定了位于一个元素的文档树内容之前和之后的内容的位置。
    　a. :before和:after伪元素会从文档树中它们附着的元素上继承所有可继承的属性。不可继承的属性，属性值为初始值。
    　b. :before和:after伪元素会与其它盒相互影响，就像它们是插在其相关元素里的真实元素一样。　　
       c. 本规范并没有完整定义:before和:after伪元素对可替换元素（例如HTML中的IMG）的相互影响。这会在将来的规范中详细定义。（这里的规范指CSS2.1）。
       d. 下方的代码，使用伪元素清除浮动。（这里有个问题是，为什么要设置visibility、font-size、height、zoom这几个属性。我在chrome浏览器下去掉这几个属性后，仍然清除了浮动）
        
    .clearfix:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.clearfix {
	zoom:1;
}


    4. ::selection ：用来匹配突出显示的文本（被选中的文本）。该伪元素仅接受两个属性：background与color。仅IE9支持，FF需加上-moz前缀，webkit内核浏览器支持。

 

原文：http://www.cnblogs.com/wangkaiyuan/p/5699895.html

内容总结

以上是互联网集市为您收集整理的css伪类选择器详细解析及案例使用-----伪元素全部内容，希望文章能够帮你解决css伪类选择器详细解析及案例使用-----伪元素所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1293493.html

来源：【匿名】