复合选择器

后代选择器

外层写在前面，内层写在后面，中间用空格分隔

ul li {
   color:pink;
}
//选择ul里所有的li，li为ul的后代

子元素选择器

只能选择最近的一级子元素，用大于号隔开（亲儿子选择器）

.nav>a{
    color: red;
}

<div class="nav">
	<a href="#">儿子1</a>
	<p>
		<a href="#">孙子</a>
	</p>
	<a href="#">儿子2</a>
</div>

//color:只对第一级的a生效，即儿子1于儿子2，对p标签内二层级的a不生效(可以理解为亲儿子可以有多个，但是不能选择孙子)

并集选择器

可以选择多组标签，视为生效层级为同级，相当于集体声明，通过逗号分隔

div,ul,a{
    color:red;
}
//div、ul、asan'ge