HTML5+CSS——06CSS常见选择器

一.CSS选择器

1.元素选择器

作用：-通过元素选择器可以选择页面中的所有指定元素

语法：标签名{}

例如，

p{color: red;}

h1{color: green;}

2.id选择器

作用： -通过元素的id属性值选中唯一的一个元素

语法： #id属性值{}

例如，

 #p1{font-size: 20px;color: yellowgreen;}

3.类选择器

作用：-通过元素的class属性值选中一组元素

语法：.class属性值{}

例如，

.p2{color: orange;}

.hello{font-size: 40px;}

4.选择器分组

作用：-通过选择器分组可以同时选中多个选择器对应的元素

语法：选择器1,选择器2,选择器N{}

例如，

#p1,.p2,h1{background-color: aquamarine;}

5.通配选择器

作用： -他可以用来选中页面中的所有元素

语法： *{}

例如，

*{color: red;}

6.复合选择器（交集选择器）

作用：-可以选中同时满足多个选择器的元素

语法：-选择器1选择器2选择器N{}

例如，

span.p2{background-color: #9ACD32;}

注意：对于id选择器来说，不建议使用复合选择器

例如，

 p#p1{background-color:red}

总结：