1.子类选择器
div p 全部子类孙类
div>p 子类
2.相邻选择器
prev+next 相邻元素包含子类
prev~next相邻元素不包含子类
3.元素选择器
p.test 选择class为test的p元素
p#test 选择id为test的p元素
4.属性选择器
a[href]选取所有带有href的属性的a标签元素
[href='#']选取所有带有href等于#的元素
[href!='#']选取带有href不等于#的元素
[href$='.jpg’]选取带有href以.jpg结尾的元素
5.内容过滤
:contains(‘’)包含内容选择器
:empty 不包含子元素
:has() 包含某种子元素的选择器
:parent 包含子元素的选择器
6.其他
p:first
p:last
ul li:eq(3) eq表示选取index为3的元素index从0记起
ul li:qt(3) qt表示大于
ul li:lt(3) lt表示小于
:header 所有标题为1-6的元素
:hidden display:none的元素
:visible display:block的元素
7.表单过滤
:submit
:text
:reset
:selected
:radio
:password
:input
:button
:checkbox
:button
:checked
:enable
:focus
:image