伪类名称 | 简要说明 |
---|---|
行为属性伪类: | |
:disabled | 选择已被禁用的表单界面元素。此伪类选择符类似于简单属性选择符“@disabled” [详情参见..] |
:enabled | 与伪类名disabled意义相反,选择没有被禁用的表单界面元素。 [详情参见..] |
:checked | 选择已被选中的单选或复选按钮元素,此伪类选择符类似于简单属性选择符“@checked” [详情参见..] |
:selected | 选择已被选中的下拉菜单选项,此伪类选择符类似于简单属性选择符“@selected” [详情参见..] |
元素可见性伪类: | |
:visible | 选择可见元素。即排除定义为display:none或visibility:hidden样式的元素和表单隐藏域. [详情参见..] |
:hidden | 选择不可见的元素。例如表单隐藏域;以及被定义为display:none或visibility:hidden样式属性的元素. [详情参见..] |
表单界面对象伪类: | |
:text | 选择单行文本输入框元素,即type=text的input元素. [详情参见..] |
:input | 选择表单输入对象元素.即input, textarea, select,button 元素. [详情参见..] |
:radio | 选择单选框输入元素.即type=radio的input元素. [详情参见..] |
:checkbox | 选择复选框输入元素.即type=checkbox的input元素. [详情参见..] |
:file | 选择文件域输入元素.即type=file的input元素. [详情参见..] |
:password | 选择密码框输入元素.即type=password的input元素. [详情参见..] |
:submit | 选择表单提交按钮元素.即type=submit的input元素. [详情参见..] |
:image | 选择图片域元素.即type=image的input元素. [详情参见..] |
:reset | 选择表单重置元素.即type=reset的input元素. [详情参见..] |
:button | 选择按钮元素.即type=button的input元素,和标签名为button的按钮. [详情参见..] |
子元素位置伪类: | |
:odd | 当子元素相对其父元素的孩子节点下标位置为奇数时,则选择此子元素(元素下标值从0开始) [详情参见..] |
:even | 当子元素相对其父元素的孩子节点下标位置为偶数时,则选择此子元素(元素下标值从0开始) [详情参见..] |
:first | 当子元素是其父元素的第一个孩子节点时,则选择此子元素. [详情参见..] |
:last | 当子元素是其父元素的最后一个孩子节点时,则选择此子元素. [详情参见..] |
:lt(n) | n是一个非负整数,当子元素相对其父元素的孩子节点下标位置小于n时,则选择此子元素(元素下标值从0开始) [详情参见..] |
:gt(n) | n是一个非负整数,当子元素相对其父元素的孩子节点下标位置大于n时,则选择此子元素(元素下标值从0开始) [详情参见..] |
:eq(n) | n是一个非负整数,当子元素相对其父元素的孩子节点下标位置等于n时,则选择此子元素(元素下标值从0开始) [详情参见..] |
:nth-child(args) | 这是一个综合倍数与增减子元素选择符,根据所传入的args的格式不同,有多种不同的意义,请点击: [详情参见..] |
父元素伪类 | |
:parent | 如果当前元素拥有子级元素或文本内容,则选择这个元素. [详情参见..] |
:empty | 如果当前元素不包含子级元素或文本内容,则选择这个元素. [详情参见..] |
:contains(str) | 如果当前元素含有指定的文本内容str,则选择这个元素. [详情参见..] |
:has(selector) | 如selector能够匹配到当前元素的子孙级元素,则选择这个元素。 [详情参见..] |
:hasnot(selector) | 如selector不能够匹配到当前元素的子孙级元素,则选择这个元素。 [详情参见..] |
其它伪类选择符 | |
:not(selector) | 反向选择。即如果selector能够匹配当前元素,那么就不选择这个元素。 [详情参见..] |
:header | 选择所有的标题元素,即h1, h2, ... h6元素。 [详情参见..] |