目前学到的css3 属性选择器

结构伪类选择器

first-child 选择同一类元素中第一个元素 / lasi-child 选择同一类元素中最后一个元素 / nth-child(even/odd/2n/2n-1)

first-of-type / last-of-type / nth-of-type(属性值) / nth-of-last-type(属性值)

only-child / only-of-type

root 继承根元素的属性值

empty 空的属性的变换

否定伪类选择器

not() ,否定被选中的同类元素中属性值为（）内属性值的元素

目标伪类选择器

目标对象：target

UI元素状态伪类选择器

表单状态为禁用的选择器   选择器：disabled

表单状态为可用的选择器  选择器：enabled

表单点击之后的状态选择器   选择器：checked

文字被选中的状态选择器   选择器：selection

动态伪类选择器

未被点击的链接的状态选择器   选择器：link

鼠标悬停的状态选择器  选择器：hover

鼠标点击时的状态选择器  选择器：active

已经点击过的链接的状态选择器  选择器：actived

层级选择器

父级元素>子级元素  选择器1>选择器2  

父级元素  后代元素   选择器1  选择器2

兄弟选择器（紧挨着两个选择器） 选择器1+选择器2

兄弟选择器（选择器2是选择器1后面的所有兄弟元素）    选择器1~选择器2

属性选择器

[属性1]  操作带有属性1的元素的样式

[属性1="属性值1"]  操作带有属性1且属性值为属性值1的元素的样式

[属性1~="属性值1"]  操作带有属性1且属性值为属性值1的多类名选择器的样式

[属性^="属性值"]  操作以属性值开头的元素的样式

[属性$="属性值"]  操作以属性值结尾的元素的样式   

[属性|="属性值-属性值"]   操作属性值为" 属性值-属性值  "的元素的样式

[属性*="属性值"]  操作所有带有属性值的元素的样式