CSS中,基本的选择器有通用选择器、标签选择器、类选择器和id选择器。
1.通用选择器
使用“*”来定义通用选择器,通用选择器的意义是对所有元素生效。
2.标签选择器
标签选择器,顾名思义,我们可以通过标签名对此标签对应的所有元素的样式进行设置。
3.类选择器
类选择器需要集合标签的class属性进行使用,我们可以在标签中添加class属性来为其设置一个类名,类选择器会将所有设置对应类名的元素选中,类选择器的使用格式为“.className”。
4.id选择器
id选择器和类选择器类似,id选择器会通过标签的id属性进行选择,其使用格式为“#idName”。
除了上面列举的4种CSS基本选择器外,CSS选择器还支持组合和嵌套,例如我们要选中如下代码中的p:
<div><p>div中嵌套的p</p></div>
可以使用后代选择器:
div p {
color: cyani
}
对于要同时选中多种元素的场景,我们也可以将各种选择器进行组合,每种选择器间使用逗号分隔即可
.p2,#p3 {
font-style:italic;
}