题解 | #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样式#
题解 | 前端刷题 文章被收录于专栏

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

全部评论

相关推荐

评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客企业服务