CSS-高级选择器，后代选择器、交集选择器、并集选择器，伪类选择器的用法详解

常见的高级选择器有后代选择器、交集选择器、并集选择器

后代选择器

• 选择器之间用空格隔开就是后代选择器
• 选择的是后代元素，不一定是儿子元素，后代选择器描述的是祖先结构
• 使用规则：外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，再写儿子孙子

示例：

<div class="box">
	<ul>
		<li>
			<p>段落</p>
			<p>段落</p>
			<p>段落</p>
			<div>
				<p>段落</p><