前面几遍中我们分别说到了id选择器和class选择器，以及它们的区别和联系，下面大家一起来探究一下神奇的为类和伪元素吧。
其实以前我对伪类和伪元素也是搞得稀里糊涂的，现在决定剥开它神秘的外衣，首先，究竟什么是伪类？什么是伪元素？
伪类和伪元素的理解：
官方解释：
伪类一开始只是用来表示一些元素的动态状态，典型的就是大家常用的链接的各个状态（link、active、hover、visited），随后css2标准
扩展了其概念范围，使其成为了所有逻辑上存在但在文档树中却无标识的“幽灵”分类。
立即学习“前端免费学习笔记（深入）”；
伪元素则代表了某个元素的的子元素，这个子元素虽然逻辑上存在，但是并不实际上存在于文档树中，如我们平时用的after、before等。
自己粗浅的理解就是伪类就是一个无须标识的类，伪元素则就是一个元素，只是不存在与文档树中。
Yes!Sun基于PHP+MYSQL技术，体积小巧、应用灵活、功能强大，是一款为企业网站量身打造的WEB系统。其创新的设计理念，为企业网的开发设计及使用带来了全新的体验：支持前沿技术：动态缓存、伪静态、静态生成、友好URL、SEO设置等提升网站性能、用户体验、搜索引擎友好度的技术均为Yes!Sun所支持。易于二次开发：采用独创的平台化理念，按需定制项目中的各种元素，如：产品属性、产品相册、新闻列表
关于用法：伪类前面是一个冒号，伪元素前面则是两个冒号。E:first-child伪类，E::first-line伪元素。这是最新的css3标准，但是css2中
关于after和before都使用一个冒号，这里就需要大家注意了。而且css3还扩展了不少伪类，这里就不提了，感兴趣的自己可以去查资料。
常见应用:
伪类：
1.a链接样式 点击链接 a:hover{color:red} 鼠标悬浮字体变红。
2.隔行变色
- 1
- 2
- 3
- 4
伪元素：
清理浮动：
.clear{zoom:1}
.clear:after{display:block;content:'';clear:both;}
关于伪类和伪元素，就讲到这里，有关伪类和伪元素，能做出很多有意思的效果。
更多css常用属性伪元素和伪元素的总结相关文章请关注PHP中文网！
