li:first-child{color:red} 2. last-child 选择列表中的最后一个标签 li:last-child{color:pink} 3.nth-child(n) 这里的n为数字,表示选择列表中的第n个标签 例如选择第三个标签 li:nth-child(3){color:pink} 4.nth-child(2n) 选择列表中的偶数,选中 2、4、6…… 个标签。 li:nth-child(2n){colo...
三、选择从第6个开始的,直到最后:nth-child(n+6) 四、选择第1个到第6个 :nth-child(-n+6) 一、两者结合使用,可以限制选择某一个范围,选择第6个到第9个 :nth-child(n+6):nth-child(-n+9)
li:nth-child(n+6):nth-child(-n+9) { background: #ff0000; border-bottom: 1px; } ... 8、范围高级用法:选中的子元素是从第2位到第9位,并且只包含奇数位。 li: nth-child(n+2):nth-child(odd):nth-child(-n+9) { background: #ff0000; border-bottom: 1px; } 9、最后一个元素开始计数...
:nth-child(-an+b) 此处一负一正,均不可缺省,否则无意义。这时与:nth-child(an+1)相似,都是匹配第1个,但不同的是它是倒着算的,从第b个开始往回算,所以它所匹配的最多也不会超过b个。 例子: li:nth-child(-3n+8){background:orange;} li:nth-child(-1n+8){background:orange;} 第五种:奇偶...
css伪类选择器 nth-child( ) 使用 (-n+8) 选中第5个到第8个元素(包含5和8本身)4、奇数、偶数li:nth-child(odd)li:nth-child(even) 5、隔选择子元素li:nth-child(3n+1) 选择1,4,7,10... 6、范围高级用法nth-child(n+2):nth-child(odd):nth-child(-n+9) 选中的子元素是从第2位到第9位...
nth-last-child(-n+3)选择的是容器中的最后3个元素,nth-child(3n+1)选择第(3n+1)个元素,也就是第一列的元素(因为每行展示3个元素,多以两种选择都合3有关),两者的交集恰好就是最后一行的第一个元素,也就是左下角的这个元素。但是最后一行的元素个数也并不确定,为了完整的匹配到其后的元素,我们使用通用...
li:nth-child(5){ color: green; } 要选择第一个元素,你可以使用:first-child,或者我相信你也可以改下上面的例子来实现。 选择除了前面的五个之外的所有元素 li:nth-child(n+6){ color: green; } 如果有超过10个元素,它将会选中超过5个。
一、nth-child 和 nth-of-type 选择第几个元素可以想到nth-child和nth-of-type。 这两个的区别是,nth-child代表的是第几个子元素,而nth-of-type代表的是该标签类型的第几个元素。 直接看例子吧 :nth-child(2){ color: red } 选中第2个元素
百度试题 结果1 题目li:nth-child(even)表示选中() A. 第一个奇数行 B. 第一个偶数行 C. 所有奇数行 D. 所有偶数行 相关知识点: 试题来源: 解析 D 反馈 收藏
只选择第五个元素 li:nth-child(5){ color: green; } 要选择第一个元素,你可以使用:first-child,或者我相信你也可以改下上面的例子来实现。 选择除了前面的五个之外的所有元素 li:nth-child(n+6){ color: green; } 如果有超过10个元素,它将会选中超过5个。