0.常用选择器0.1元素选择器

元素选择器作用：根据标签名来选中指定的元素语法：标签名{}例子：p{}h1{}div{}

p{color:red;}h1{color:green;}

0.2id选择器

作用：根据元素的id属性值选中一个元素语法：box{}red{color:red;}0.3类选择器

类选择器作用：根据元素的class属性值选中一组元素语法：.class属性值

.blue{color:blue;}.abc{font-size:20px;}

0.4通配选择器

作用：选中页面中的所有元素语法:*

*{color:red;}

1.复合选择器1.1交集选择器

作用：选中同时复合多个条件的元素语法：选择器1选择器2选择器3选择器n{}注意点：交集选择器中如果有元素选择器，必须使用元素选择器开头

{font-size:30px;}.{color:blue}

1.2并集选择器

选择器分组（并集选择器）作用：同时选择多个选择器对应的元素语法：选择器1,选择器2,选择器3,选择器n{}

box1{background-color:orange;}div#box1{background-color:yellow;}*/.d1{background-color:purple!important;}.red{background-color:red;/*font-size:20px;*/}