题解 | #CSS选择器——伪类选择器#

一开始我的答案是

<ul>
	<li>1</li>
	<li style="background:rgb(255, 0, 0)">2</li>
	<li>3</li>
	<li style="background:rgb(255, 0, 0)">4</li>
</ul>

使用了 CSS 伪类选择器 :nth-child() 来选择指定位置的元素。

nth-child(n) 可以选择位于父元素下的第 n 个子元素。

在示例中

  • ul li:nth-child(2) 表示选择 <ul> 中的第2个 <li> 元素
  • ul li:nth-child(4) 表示选择第4个 <li> 元素

我通过设置它们的 background-color 属性为 "rgb(255, 0, 0)",即红色,来改变它们的背景颜色。

但是一直没通过测试,好奇怪哦

后面使用了内联样式才通过:

<ul>
	<li>1</li>
	<li style="background:rgb(255, 0, 0)">2</li>
	<li>3</li>
	<li style="background:rgb(255, 0, 0)">4</li>
</ul>
#css样式#
题解 | 前端刷题 文章被收录于专栏

题目考察的知识点 题目解答方法的文字分析 本题解析所用的编程语言 完整且正确的编程代码

全部评论

相关推荐

不愿透露姓名的神秘牛友
07-15 17:46
暑期就挂了,秋招还有机会吗
大聪明777:研发提前批,14号刚开的,官网上面的配图上有写。提前批没过的话,秋招还可以投,不过前面的笔试/面试记录会被保留,供秋招参考
26届校招投递进展
点赞 评论 收藏
分享
强大的马里奥:不太可能,我校计算机硕士就业率99%
点赞 评论 收藏
分享
不愿透露姓名的神秘牛友
昨天 18:30
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务