选择器
基本
#id
//id选择器
element //元素选择器
.class //类选择器
- //通配符选择器
selector1, selector2, selectorN //多个选择器连写
层级
ancester descentant //后代选择器
parent > child //子代选择器
prev + next //匹配紧接在prev元素后面的next元素
prev ~ siblings //匹配prev元素后面的所有siblings元素
##基本筛选器
:first //获取第一个元素
:not(selector) //去除所有与给定的selector匹配的元素
:even //匹配所有索引值为偶数的元素,从0计数
:odd //匹配所有索引值为奇数的元素,从0计数
:eq(index) //匹配一个给定索引值的元素,从0计数
:gt(index ) //匹配所有大于给定索引值的元素,从0计数
:lt(index) //匹配所有给定索引值的元素,从0计数
:last //获取最后个元素
:header //匹配所有的标题元素,如h1,h2,
:focus //匹配当前获取焦点的元素
##内容
:contains(text) //匹配包含给定文本的元素
:empty //匹配所有不包含子元素或文本的空元素
:has(selector) //匹配含有选择器selector的元素
:parent //匹配所有含有子元素或文本的元素
##可见性
:hidden //匹配所有不可见元素,或type为hidden的元素
:visible // 匹配所有可见元素
##属性
[attribute] //匹配包含给定属性的元素
[attribute=“value”] //匹配给定的属性是某个特定值的元素
[attribute!=“value”] //匹配所有不含指定的属性,或者属性不等于特定值的元素
[attribute^=“value”] //匹配给定的属性是以某些值开始的元素
[attribute$=“value”] //匹配给定的属性值是以某些值结尾的元素
[attribute*=“value”] //匹配给定的属性是以包含某些值的元素
[attrSel1][attrSel2][attrSel3] //复合属性选择器,同时满足多个条件子元素
:first-child //匹配所给选择器的第一个子元素