名称 | 说明 |
---|---|
查找元素 | |
* | 通配 |
#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、选择器
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...