具体用法如下: :nth-child(n)选择其父元素的第n个子元素,无论其类型是什么。 :nth-child(odd)选择其父元素中位置为奇数的子元素。 :nth-child(even)选择其父元素中位置为偶数的子元素。 :nth-child(n + x)选择其父元素中位置大于等于x的子元素。 例如,要选择父元素中的第三个子元素,可以使用如下方式:...
使用nth-child(n+2):nth-child(odd):nth-child(-n+9) 我们将会选中的子元素是从第2位到第9位,并且只包含奇数位。
nth-last-child(n)nth-last-child(n):选择倒数第 n 个元素。 举例:倒数第三元素字体设置为红色,代码如下: 代码语言:javascript 复制 li:nth-last-child(3){color:red;} 同样可以使用上面的方法进行拓展,方法如下: nth-last-child(n+n)nth-last-child(n+n):选择倒数第 n 个之前的元素。 举例:倒数第三...
li:nth-child(2n-1){background:#fff} 4、nth-child(n+3) 表示选择列表中的标签从第3个开始到最后(正向选择),代码如下: li:nth-child(n+3){background:#fff} 5、nth-child(-n+3) 表示选择列表中的标签从0到3,即小于3的标签(逆向选择),代码如下: li:nth-child(-n+3){background:#fff} 6、nt...
一、nth-child( ) 与 nth-of-type( )的定义与用法 nth-child(n) : 匹配父元素中的第 n 个子元素,元素类型没有限制。 nth-of-type(n) : 匹配同类型中的第n个同级兄弟元素。 n可以是一个数字,一个关键字,或者一个公式,比如:nth-child(odd) 奇数 ,nth-child(even) 偶数。
nth-child(n)用法：在开发过程中，会碰到一些选择器的需求：例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 等等。可以通过 CSS 来实现这样的效果，CSS 给我们提供了几个样式参数：first-child、last-child、nth-child(n)。含义 根据元素ID来选择元素，...
百度试题 题目CSS3的伪类选择器:nth-child(n)用法表示要取第n个元素,n表示从( )开始?相关知识点: 试题来源: 解析 1 反馈 收藏
51CTO博客已为您找到关于nth-child(n)用法的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及nth-child(n)用法问答内容。更多nth-child(n)用法相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
通过:nth-child(n)可选取列表中的第n个元素，其中n是具体的数字。例如：nth-child(2)选取第二项。利用:last-child可选取列表的最后一个元素，例如：last-child。接下来，我们来看一些针对元素行数的用法。使用:nth-child(even)可选取列表中的偶数行，另一种写法是:nth-child(2n)。相反，使用:nth...
nth-child(n + 3):第 3 个开始到最后 骚操作:限制选择范围 上面的用法中的第三部分,一般都是使用n,而有时候也会用到-n,比如选取前 2 个元素就是:nth-child(-n + 2)。 为什么是这样呢?其实运算:-n + 2 ≥ 0,就可以推出n ≤ 2。 由此,结合两者自动取交集,我们就可以限制选择某一范围。比如选择...