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