css3选择器、常见伪类选择器、层级选择器、属性选择器

一、伪类选择器

结构性伪类
1.带child

:first-child{} 选择第一个子元素
:nth-child() 选择第几个子元素 可以是数字/odd(奇)/even(偶数)/表达式(2n)
:last-child{} 选择最后一个子元素

2.带type

:first-of-type{}选择第一个子元素
:last-of-type{}选择最后一个子元素
:nth-of-type{}许纳泽第几个子元素

    孩子类型相同的话，使用是一样的，不同话的不一样
   child要保证元素和该元素属于第几个孩子得匹配上
   type先确定选择的该元素总共有几个，在这几个里面写对应的顺序

状态伪类

input:checked+label  表单选中
input:focus   		表单获取焦点的样式
input:disable	  	表单不能编辑的样式
input:enable 	 	表单可编辑的样式
E:hover   			用于指定当鼠标指针移动到元素上面时元素所使用的样式；
E:action  			用于指定元素被激活（鼠标在元素上按下还没有松开）时所使用的样式；
E:focus   			用于指定元素获得光标焦点时所使用的样式，主要是在文本框空间获得焦点并进行文字输入时使用的样式；
E:enable  			设置该元素处于可用状态的样式；
E:disabled  		设置该元素处于不可用状态时的样式；
E:read-only  		设置元素处于只读状态时的样式；
E:read-write  		设置元素处于非只读状态时的样式；
E:checked  			指定表单中的radio单选按钮或者checkbox复选框处于选取状态时