2021-01-29

CSS学习笔记

css伪类选择器 nth-child（n）和nth-of-type（n）的区别：
1:nth-child对父元素里面所有孩子排序选择（序号固定的） 先找到第n个孩子，然后看看是否匹配。
2:nth-of-type对父元素里面指定子元素进行排序选择，先去匹配E，然后再根据E找第n个子孩子。
类选择器，属性选择器，伪类选择器，权重均为10；
伪元素选择器可以帮助哦我们利用CSS创建新标签元素，而不需要HTML标签，从而简化HTML结构。
1:before和after创建一个元素，但是属于行内元素；
2:新创建的这个元素在文旦树中是找不到的，所以我们称为伪元素
3:语法element::before{}，CSS3语法是要写两个冒号，但是写一个冒号也是可以识别的。
4:before和after必须有content属性；
5:before在父元素内容的前面创建元素，after在副元素内容的后面插入元素。
6:伪元素选择器和标签选择器一样，权重为1；