1、选择器

名称 说明
查找元素
* 通配
#id ID选择器
.class 类选择器
element 该名称的所有元素
s1,s2 多个参数用逗号隔开
基本选择器
li a a是li的后代,用空格隔开
parent>child 直接子节点,child为*表示所有直接子节点
s+next 选择s之后的一个元素
s~siblings s的所有兄弟元素
基本筛选器
:not(s) 除s之外的所有元素
:first 第一个
:last 最后一个
even 偶 ,从0开始计数
odd
:eq(index) 相等
:gt(index) 大于索引
:lt(index) 小于索引
:header 所有标题元素
:focus 焦点元素
:animated 正在进行动画的元素
内容筛选器
:contains('text') 包含指定文本的元素
:empty 没有子节点的所有元素
:parent 拥有子节点或文本的元素
:has(s) 包含选择器的节点
可见性筛选器
:hidden 所有隐藏元素,设置为 display:none, 带有type="hidden" 的表单元素,width 和 height 设置为 0,隐藏的父元素(这也会隐藏子元素)
:visible 占据空间的元素, visibility:hidden 和 opacity: 0
子节点筛选器
:nth-child(expr) 从1开始索引
:first-child 第一个子节点
:last-child 最后一个子节点
:only-child 唯一的子节点
属性筛选器
[attr] 拥有指定属性
[attr='value'] 拥有指定值属性
[attr!='value'] 不为value
[attr^='value'] 以value开头
[attr$='value'] 以value结尾
[attr*='value'] 包含value
[attr|='value'] value或value-*
[attr~='value'] 空格分开的属性其中有value
[attr1] [attr2] 多个属性选择器
表单
:input 所有input
:text
:password
:radio
:checkbox
:submit
:reset
:image
:button
:file
:selected 下拉列表中所有被选中选项
:enabled 可用表单元素
:disabled 使用css的disabled属性
:checked 被选中的选项

你可能感兴趣的:(1、选择器)