作者:111 | 来源:互联网 | 2023-01-30 03:54
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOm元素,过滤规则与CSS中的伪类选择器语法相同,即选择器都以一个冒号(:)开头。按照不同的过滤规则,过滤选择器可以分为基本过滤器、内容过滤器、可见
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOm元素,过滤规则与CSS中的伪类选择器语法相同,即选择器都以一个冒号(:)开头。按照不同的过滤规则,过滤选择器可以分为基本过滤器、内容过滤器、可见性过滤器、属性过滤器、子元素过滤和表单对象属性过滤选择器。
基本过滤选择器

内容过滤选择器

可见性过滤选择器

属性过滤选择器

子元素过滤选择器

:nth-child()选择器是很常用的子元素过滤选择器,详细功能介绍如下
(1):nth-child(even)能选取每个父元素下的索引值是偶数的元素
(2):nth-child(odd)能选取每个父元素下的索引值是奇数的元素
(3):nth-child(3n+1)能选取每个父元素下的索引值是3n+1的元素
(4):nth-child(3n)能选取每个父元素下的索引值是3的倍数的元素
(5):nth-child(2)能选取每个父元素下的索引值是2的元素
表单对象选择器

表单对象属性选择器
