题解 | #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样式#题解 | 前端刷题 文章被收录于专栏
题目考察的知识点 题目解答方法的文字分析 本题解析所用的编程语言 完整且正确的编程代码