css结构伪类选择器-伪元素选择器

1.结构伪类选择器

作用:根据元素的结构关系查找元素
语法:

p:first-child {
background-color: #fff;
}

图中E改为标签(如:p-div-h1等)
2023-09-09T04:56:10.png

p:nth-child(填公式)
2023-09-09T04:59:49.png

2.伪元素选择器

语法:

div::before {
content: ;
}

作用:用来创建虚拟元素(伪元素),用来摆放装饰性内容
2023-09-09T05:06:25.png
(注:元素前一般写两个::一个:也可以)
2023-09-09T05:10:38.png