CSS中伪类和伪元素（对象）的疑问。

对于伪类和伪元素，很多人都会懵圈！其实就是搞不清粗为什么会出现伪类和伪元素！比如伪元素first-child向第一次出现的首元素添加CSS样式。“第一次出现”这个定义是发生在代码完成之后，再判断的结果，在编程之前和编写代码时是无法判断的。这个很好理解，你可以尝试不用伪类和伪元素，用一般的类或者元素CSS样式去替代，比如首字母大写这样的效果，这就需要每次都要调用，或者全部添加CSS样式！无法达到自动判断，自动添加CSS样式的效果！所以，伪类和伪元素就顺利的出现了！

都说这两个很重要，一定要掌握，好多人都怕，反而学不好，其实很简单的，W3C定义了很多现成的伪类和伪元素，照着用就可以了！当然学习CSS之前，应该掌握HTML标签以及属性知识，不要一味求快，觉得这些标签和属性以后基本不会用到，就很快带过，其实这才是CSS还有JavaScript甚至其他语言的基础，不能一带而过，要仔细学！对于CSS基础部分，向元素标签，类标签添加CSS样式，这两个学完，理解后就可以学伪类和伪元素了！

至于他们两个的区别，这还用说吗？区别是很显然的，一个ID或class属性类，一个是针对网页元素！如果你不能区分，说明CSS前面类和元素标签没有完全掌握和理解！

H5规定

1.伪类使用单冒号

2.伪元素使用双冒号

注意:同级

E:first-child 第一个子元素

E:last-child 最后一个元素

E:nth-child(n) 第n个

E:nth-last-child(n)倒数第n个

E:nth-child(odd)奇数

E:nth-child(even)偶数

E:nth-child(-n+3)前三个

E:nth-last-child(-n+3)后三个

E:nth-of-type(n)第n个同级兄弟元素E

E:nth-child(3n + 1)  1,4,7

E:nth-child(3n +3 ) 3的倍数

1.伪元素只能给双标签加

2.必须写上属性content:" "

3.js获取不到伪元素

E:before  在E元素前插入一个元素

E:after 在E元素后插入一个元素

E:first-letter 选择到E容器内的第一个字母

E:first-line 选择到E容器内的第一行文本

在CSS3中，子元素伪类选择器有两大类。

（1）:first-child、:last-child、:nth-child(n)、:only-child

（2）:first-of-type、:last-of-type、:nth-of-type(n)、:only-of-type

---