CSS选择器之复合选择器

复合选择器是建立在基础选择器之上的，组合而成，可以更准确选择目标元素

包括：后代选择器、子选择器、并集选择器、伪类选择器

1.后代选择器

后代选择器又称为包含选择器，可以选择父元素里面的子元素

语法： 元素1 元素2 { 样式声明 }

若是孙子级别的就：元素1 元素2 元素3 { 样式声明 }

2.子选择器

只有亲儿子级别，也被称为亲儿子选择器

语法：元素1 > 元素2 { 样式声明 }

3.并集选择器

并集选择器可以选择多组标签，用于集体声明

语法：元素1，元素2 { 样式声明 }

其中  ， 代表 和 

4.伪类选择器

伪类选择器倾向于向某些选择器添加特殊的效果，如点击颜色变色等

特点是用冒号表示（：）

1）链接伪类选择器

a:link             选择所有未被访问的链接

a:visited        选择已被访问的链接

a:hover         选择鼠标指针位于其上的链接

a:active        选择活动链接

            注意点：1.按照   lvha  顺序来。记忆法 ：LOVE   HATE

                           2.a链接在浏览器中具有默认样式，实际工作中需要给链接单独指定样式

所以，伪类链接选择器在工作中实际用法：

             1.首先给a链接单独设置一个样式

             2.再设置一个鼠标经过变色

a 
{
color:blue;
}

a:hover
{
color:red;
}

2) :focus伪类选择器

 语法：input:focus { 样式 }

用于选取获得焦点的表单元素