开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第十三天，点击查看活动详情
6. 复合选择器
6.1 后代选择器
选择父元素里面的子元素。当标签发生嵌套时，内标签就成为外标签的后代
语法：
标签1 标签2 {
element: value;
}
标签2 是标签1 子标签
二者用空格分开
6.2 子选择器
只能选择作为某元素的最近一级子元素
语法：
标签1 > 标签2 {……}
上述语法表明选择标签1 里面的所有直接后代（子标签）标签2
- 标签1 和标签2 中间用 大于号 隔开
6.3 并集选择器
选择多组标签，同时为他们定义相同的样式。通常用于集体声明
并集选择器是各选择器通过英文逗号","连接而成，任何形式的选择器都可以作为并集选择器的一部分
语法：
标签1，标签2{……}
用逗号隔开
6.4 伪类选择器
用于向某些选择器添加特殊效果，比如给链接添加特殊效果，或选择第1 个，第n元素；
伪类选择器书写最大的特点是用冒号（:）表示，比如 :hover、：first-child
6.4.1链接伪类
a:link /*选择所有未被访问的链接*/
a:visited /*选择所有已被访问的链接*/
a:hover /*选择鼠标指针位于其上的链接*/
a:active /*选择活动链接（鼠标按下未弹起的链接）*/
注意事项：为了确保生效，请按照LVHA的顺序声明：:link-:visited-:hover-:active.
6.4.2 foucs 伪类选择器
:foucs 伪类选择器用于选取获得焦点的表单元素
焦点就是光标，一般情况下< input> 类表单元素才能获取，因此这个选择器也主要针对于表单元素来说
input:foucs {
background-color: yellow;
}
