什么是复合选择器
- 在CSS中，可以根据浏览器的类型把选择器分为基础选择器和复合选择器，复合选择器就是在基础选择器之上，对其进行组合形成的。
- 复合选择器可以更加准确高效的定位元素
- 复合选择器是由两个或者两个以上的基础选择器以不同的方式组合而成的。
后代选择器
- 概念
- 后代选择器又叫做包含选择器，是可以选择父元素里面的所有符合条件的子元素
- 语法
- 元素1 元素2 {CSS 样式};
- 元素1代表父元素、元素2代表子元素
- 元素1 和 元素2 之间要用空格隔开
- 元素2可以是儿子也可以是孙子
- 元素1和元素2可以是任意类型的选择器
- 例
子选择器
- 概念
- 子选择器只能选择某个父元素最近的一级子元素，简单理解就是只能选择亲儿子，不能选择孙子或者重孙等等。
- 语法
- 元素1 > 元素2 {css 样式代码}
- 表示选择元素1 里面最近的一级 元素2
- 例
并集选择器
- 概念
- 并集选择器可以选择多组标签，同时为他们定义相同的样式，通常用于集体声明
- 并集选择器是各组选择器通过英文的逗号连接而成，任何形式的选择器都可以作为并集选择器的一部分
- 例
伪类选择器
- 概念
- 伪类选择器是附加在其他选择器之上的一种选择器，可以来添加特殊的效果，比如给链接标签添加鼠标悬浮效果等。
- 语法
- 用:来进行表示 比如:hover :first-child。
- 链接伪类选择器
- 因为伪类选择器比较多，链接伪类的使用是最频繁的。
- :hover
- a:hover 选择鼠标指针悬浮到链接上
- :link
- a:link 选择所有未被访问过的链接
- :active
- a:active 选择活动链接，当鼠标按下链接时
- :visited
- a:visited 选择所有已访问过的链接
- 例
- 注意点
- 向选择器添加伪类选择器是，首先应该保证选择器具有对应的伪类状态，否则不能使用。
- 焦点伪类选择器
- :focus
- 焦点伪类选择器用于选取获得焦点的元素，因为一般只有表单元素才会获取焦点，所以对于input类的表单元素使用的较多，焦点就是光标。
- 例
- 伪类选择器的总结
- 为了选择器和css类选择器一样，可以附加在其他的选择器上
- 向选择器添加伪类选择器的时候，必须保证这个选择器支持这种伪类状态
