常用选择器

1.元素选择器

通过元素选择器可以选择网页上指定的元素

2.id选择器

唯一标识
id 不能重复
一个页面能有一个id

3.id用法

#p1{
    color:red;    
}
id="p1"的元素会变成红色

4.类选择器

class
可以重复
可以为一个元素设置多个class属性
多个属性要用空格隔开

5.class用法

.p2{
     font-size:20px;
}
class="p2"的元素字体为20像素

6.选择器分组（并集选择器）

用逗号把多个选择器分隔，然后并列到一起，同时使用一个样式(style)

7.并集选择器用法

#p1,.p2,h1{
    background-color:blue; 
}
三个选择器的元素背景颜色都是蓝色

8.通配选择器

用*号表示，选中页面上所有的元素

9.通配选择器用法

*{
    color:red;
}
页面所有的元素都变成红色

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

span.p3{
        background-color:yellow;
}
即满足<span>元素 也满足class="p3"，把两个元素紧紧写在一起就是复合选择器