这是我参与2022首次更文挑战的第9天
在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。
复合选择器可以更准确、更高效的选择目标元素（标签）。
复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的。
常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等。
1.后代选择器（重要）
后代选择器又称为包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在里面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。
语法：
元素1 元素2 {
样式声明；
}
上述语法表示选择元素1里面的所有元素2（后代元素）
注意：
元素1和元素2之间一定需要用空格隔开。
元素1是父级，元素2是子级，最终选择的是元素2。
元素2可以是儿子，也可以是孙子等，只要是元素1的后代即可。
元素1和元素2可以是任意基础选择器。
2.子选择器（重要）
子元素选择器（子选择器）只能选择作为某元素的最近一级子元素，简单理解就是选亲儿子元素。
语法：
元素1>元素2{
样式声明；
}
上述语法表示选择元素1里面所有直接后代（子元素）元素2。
例如（选择div下的p标签元素）：
div>p{
样式声明；
}
注意：
元素1和元素2中间用大于号隔开。
元素1是父级，元素2是子级，最终选择的是元素2。
元素2必须是元素1亲儿子，其孙子、重孙之类都不归他管，也可以直接称为亲儿子选择器。
