常用选择器

元素选择器

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

id选择器

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

id选择器的用法

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

类选择器

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

class用法

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

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

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

并集选择器用法

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

通配选择器

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

通配选择器用法

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

合选择器（交集选择器）

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