CSS的基础选择器

1.标签选择器 2.类选择器 3.i的选择器 4.标签指定式选择器（交集选择器） 5.群组选择器（并集选择器） 6.包含选择器（后代选择器） 7.通配符选择器

1.标签选择器

如<h1>....<h6>、<p>、<img/>

2.类选择器（可重复使用，但不可以以数字或者中划线开头）

 

.class{
    color: red;
    font-size: 16px;
    background-color: #f0f0d7;
}

 color为字体颜色 font-size为字体大小 background-color 为背景颜色

<标签名 class =“类名称”>标签内容</标签名>

3.id选择器（唯一，不可重复）

#id{
    color: red;
    font-size: 16px;
    background-color: #f0f0d7;
}

 color为字体颜色 font-size为字体大小 background-color 为背景颜色

<标签名 id =“id名称”>标签内容</标签名>

4.标签指定式选择器（交集选择器）

既要符合选择器1，又要符合选择器2，设置样式（存在标签选择器，则标签选择器需要在前）

p.title{
    color: red;
    font-size: 16px;
    background-color: #f0f0d7;
}

选择器之间无空格

5.群组选择器（并集选择器）

标签选择器，类选择器，id选择器，交集选择器等等都可以

选择器1，选择器2，选择器3{
    color: red;
    font-size: 16px;
    background-color: #f0f0d7;
}

选择器之间使用","隔开

6.包含选择器（后代选择器）

在选择器1中的后代中，选择符合选择器2的元素

选择器1 选择器2{
    color: red;
    font-size: 16px;
    background-color: #f0f0d7;
}

选择器之间必须用空格隔开

h1 a{
    color: red;
}

上面则是在h1的后代中寻找a元素

7.通配符选择器

*{
    margin: 0px;
    padding: 0px;
}

*代表所有标签

margin，padding常用于去除页面标签默认值