复合选择器

复合选择器

多个基础选择器的组合

后代选择器（重要）又称为包含选择器

元素1  元素2 { 样式声明}  /*选择的是元素1里面的所有元素2*/
 ul li {样式声明}  /*选择 ul 里面所有的 li 标签元素*/

元素1 元素2{样式声明}

元素1和元素2之间用空格隔开；

元素1是父级，元素2是子级，最终选择的是子集；

元素1 元素可以是任意的基础选择器。

子元素选择器

只能选择作为某元素的最近一级子元素

元素1 > 元素2 {样式声明} /* 选择元素1里的所有直接后代元素2*/
div > p {样式声明} /* 选择 div里面所有最近一级 p 标签元素*/

元素1>元素2{样式声明}

元素1和元素2用>隔开；

元素2必须是亲儿子。

并集选择器（重要）

可以选择多组标签，同时为他们定义相同的样式。通常用于集体声明。

元素1 ,

元素2{样式声明}

通过英文下的逗号隔开；

逗号可以理解为和的意思；

最后一个选择器不需要加逗号。

交集选择器（了解）

选择器1选择器2选择器n{样式声明}

伪类选择器（）

用冒号（：）表示

链接伪类选择器：（顺序：LoVe HAte）

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

a:visited /选择所有已经被访问过的链接/

a:hover /选择鼠标经过的那个链接/

div:hover /选择鼠标经过的那个链接/

a:active /选择的是鼠标按下还没有松开的那个链接/

:focus伪类选择器：用于选取获得焦点的表单元素

焦点就是光标，一般用于表单控件。

input:focus{
              color:red;
              }