首页 教程 API文档

是否与指定参数相匹配

2015-09-11 11:24:22

属性


使用频率
所属模块 Std.css.pseudos
成员类型 静态成员函数

描述


伪类方法 nth-child 可以用于判断指定的元素的索引值是否为指定值,或者是否匹配指定的公式等.

例如 :nth-child(odd) 是判断元素索引值是否为基数,:nth-child(even)是判断元素索引值是否为偶数

语法



Boolean Std.css.pseudo["nth-child"](Object element,String nth);
Boolean Std.css.pseudo["nth-child"](Object element,Number index);
        

参数


名称 类型 描述
element Object DOM元素
nth String nth公式或者指定类型,如even,odd
index Number 指定的索引值

返回值


如果匹配,返回true,否则返回false

相关例子


例子1:

选取第几个元素,"2可以是你想要的数字"


:nth-child(2)
        

例子2:

选取大于等于4元素,"n" 表示从整数


:nth-child(n+4)
        

例子3:

选取小于等于4元素


:nth-child(-n+4)
        

例子4:

选取偶数元素,2n也可以是even


:nth-child(2n)
        

例子5:

选取奇数元素,2n-1可以是odd


:nth-child(2n-1)
        

例子6:

自定义选取元素,3n+1表示 "隔二取一"


:nth-child(3n+1)