css3选择器

二月二十四进入逆战班学习，到现在为止已经有四周的时间了，给大家总结一下css3选择器有哪些？

1.类型选择器又称元素选择器、标签选择器 如我们常使用的div p h1-h6 span

2.类选择器又名class选择器  给指定的标签添加属性class="xxx" 在页面中可以多次出现，对.xxx{}进行样式设置

3.id选择器 给标签添加属性id="xxx" 在一个页面中相同的只允许出现一次，不能多次使用，对#xxx{}进行样式设置

4.群组选择器:选择器1,选择器2,选择器3{} 都被选中

5.包含选择器(后代选择器): 选择器1 选择器2 选择器3{}

6.伪类选择器

:link{} 未访问的状态
:visited{} 访问过后的状态
:hover{} 鼠标移入的状态
:active{} 鼠标按下的状态
 

 7.伪对象(伪元素选择符)

:after{content:"",}在....之后，伪装一个元素，可以添加一个样式
:before{content:"",}在....之前，伪装一个元素，可以添加一个样式
:first-letter{}针对第一个字设置样式，只针对块级元素
:first-line针对第一行字设置样式，只应用于块级元素

8.属性选择器

e[attr]{}  选中e元素，且e元素有attr属性
e[attr="value"] 选中e元素，且e元素有attr属性，值为value
e[attr~="value"] 选中e元素，且e元素有attr属性，包含值为value
e[attr^="value"] 选中e元素，且e元素有attr属性，并且以value值开头
e[attr$="value"] 选中e元素，且e元素有attr属性，且以value值结尾
e[attr*="value"] 选中e元素，且e元素有attr属性，包含value值 比如value=list   class=list1也行
e[attr|="value"] 选中e元素，且e元素有attr属性，仅有value值，或者value-开头(放在前面)

9.结构伪类选择器

 :first-child{} 第一个元素
 :last-child{} 最后一个元素
 :nth-child(n){} 指定位置的元素
 :only-child{} 选中只有一个子元素的标签
 :nth-last-child(n){} 指定的元素 倒数
 :first-of-type{} 指定类型的第一个元素
 :last-of-type{} 指定类型的最后一个元素
 :nth-of-type(n){} 指定类型的第n个元素
 :nth-last-of-type(n){} 指定类型的指定位置的元素，倒着数
 :only-of-type{}  指定类型中只有一个同一类型的元素

 10.ul元素状态伪类选择器

:enabled{} 选中可以输入的元素
:disabled{} 选中不可输入的元素
:checked{}被 选中选中的元素
::selection{} 被用户选中的内容出于高亮的态状

11.目标伪类选择器

：target{}

12.用户行为选择器

:focus{} 选中获取了焦点的元素

13.层级选择器

e>f:e元素下所有的子集f，不包括孙集
e+f:e元素后的第一个f(只选中一个)
e~f:e元素后所有的兄弟f(选中不止一个)