首页 > 试题广场 >

以下 HTML 列表中,文字颜色是黑色的行有哪几行?

[不定项选择题]
以下 HTML 列表中,文字颜色是黑色的行有哪几行?
<style>
.list{color:black}
.list>li:nth-child(2n){color:red}
.list>li:nth-child(3n+1){color:green}
.list>li:nth-child(3n+2){color:blue}
</style>
<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>
  • 第 1 行
  • 第 3 行
  • 第 7 行
  • 第 9 行
n从0开始哦
发表于 2019-09-09 14:47:44 回复(3)
n是从0开始的,但nth-child()是从1开始计数的(nth-child(1)是第一个子元素,没有nth-child(0).
.list{color:black}:1,2,3,4,5,6,7,8,9,10都是黑色
.list>li:nth-child(2n){color:red}:0(nth-child(0)不存在,忽略),2,4,6,8,10变成红色
.list>li:nth-child(3n+1){color:green}:1,4,7,10变成绿色
.list>li:nth-child(3n+2){color:blue}:2,5,8变成蓝***r />
后面的样式会覆盖前面的样式
综上所述:2,5,8为蓝色;1,4,7,10为绿色;6为红色;3,9为黑色

发表于 2020-09-10 15:05:05 回复(7)
发表于 2019-08-26 10:43:37 回复(1)
第三个第九个都是黑色。。。这套题谁上传的
发表于 2018-12-20 14:59:32 回复(7)
n=0

选择第一行出错原因:
.list>li:nth-child(3n+1){color:green}     //1
发表于 2019-11-27 12:12:23 回复(0)
n从0开始,但是nth-child(0)不行
发表于 2021-06-14 09:54:15 回复(0)
n从0开始,child从1开始
发表于 2020-07-16 09:27:30 回复(0)
发表于 2019-08-20 17:04:22 回复(3)
发表于 2022-09-12 15:57:28 回复(0)
n从零开始
发表于 2021-05-26 17:06:00 回复(0)
原来是第几行哎
发表于 2021-04-21 10:51:31 回复(0)
公式时,n从0开始
发表于 2021-04-17 21:33:52 回复(0)
<p>n从0开始</p>
发表于 2020-11-19 10:38:02 回复(0)
n从0开始,但是li从1开始。
发表于 2020-10-28 09:21:04 回复(0)
<p>第一句话,把所有li都改为黑色,权重1</p><p>第二句话,把所偶数li改为red,权重11</p><p>第三节话把所有3的倍数+1的改为green,权重11</p><p>第四句话把所有3的倍数+2的都改为blue ,权重11</p>
发表于 2020-09-25 00:02:01 回复(0)
如果这个题说index的话,我就不会错了,index是从0开始,数第几行,我还是习惯从1开始数
发表于 2020-09-15 21:16:13 回复(0)
n=0开始……
发表于 2020-07-16 11:51:56 回复(0)
做了两次 都是审题有问题 总以为是符合选择器的事黑色。。。。
发表于 2020-04-20 15:29:57 回复(0)
题目都问的是那几行,答案却只能选一个,应该是选BD才对
发表于 2019-09-02 20:03:50 回复(0)
应该修改成不定项选择题
发表于 2019-08-27 14:16:40 回复(0)