CSS 选择器

一、基本选择器包括：

1、通配选择器

2、元素选择器

3、类选择器

4、id选择器

二、交集选择器

作用：选中同时符合多个条件的元素

语法：

p.beauty {
    color: blue;
}

注：1、有标签名，标签名必须写在前面

2、交集选择器不可能同时出现两个元素选择器，因为一个元素不可能既是p，又是span

三、并集选择器

作用：选中多个选择器对应的元素，又称：分组选择器

语法：

#peiqi,
.rich,
.beauty {
    font-size: 40px;
}

注：

1、并集选择器，一般竖着写

2、任何形式的选择器，都可以作为并集选择器的一部分

四、后代选择器

作用：选中指定元素中，符合要求的后代元素

语法：选择器1 选择器2 ...（先写祖先，再写后代）

// 选中ul中的所有li
ul li {
    color: red;
}

// 选中ul中所有li中的a
ul li a {
    color: red;
}

// 选中类名为subject元素中的li
.subject li {
    color: red;
}