持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第10天，点击查看活动详情
CSS的复合选择器
在CSS中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的，复合选择器是由两个 或多个基础选择器，通过不同的方式组合而成的，他相对来说有什么优点呢？他九二一更准确、更高效的选择目标元素。
常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等。
后代选择器
后代选择器又称为包含选择器，可以选择父元素里面子元素。写法为把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。基本语法如下：
元素1 元素2 { 样式声明 }
上述语法表示选择元素1里面的所有元素2（后代元素）。
举个小小的例子吧：
ul li { 样式声明 }
ul li a { 样式声明 }
上述是指选择ul里面所有的li标签元素，注意元素1和元素2中间用空格要隔开，元素1是父级，元素2是子级，最终选择的是元素2，元素1和元素2可以是任何的基础选择器。
子选择器
子元素选择器只能选择作为某元素的最近一级子元素。
基本语法如下：
元素1 > 元素2 { 样式声明 }
举个小小的例子吧：
div > p{ 样式声明 }
上述是指选择div里面的所有最近一级p标签元素 ，注意！！！只会选择最近一级的，元素1和元素2要用大于号隔开，元素1是父级，元素2是子级，最终选择的是元素2。
并集选择器
并集选择器可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明。
并集选择器是各选择器通过英文逗号（,)连接而成，任何形式的选择器都可以作为并集选择器的一部分。
基本语法如下：
元素1，元素2 { 样式声明 }
上述语法表示同时选择元素1和元素2。
举个小小的例子吧：
ul，div{ 样式声明 }
上述是指选择ul和div标签元素，其中元素1和元素2中间要用逗号隔开，逗号可以理解为和的意思。
伪类选择器
伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第一个，第n个元素。
伪类选择器书写最大的特点是用冒号表示，例如：hover
伪类选择器分为两种，比如有链接伪类、结构伪类等。
链接伪类
一些常用的语法如下：
a:link /*选择所有未被访问的链接*/
a:visited /*选择所有已被访问的链接*/
a:hover /*选择鼠标指针位于其上的链接*/
a:active /*选择活动的链接（鼠标按下未弹起的链接*/
