老师，请检查～还有个问题在里面～
来源：2-24 编程练习
不努力就淘汰
2020-07-30 00:12:40
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
ol>li:first-child{
color:red;
}
ol>li:nth-child(2){
color:green
}
ol>li:last-child{
color:blue;
}
</style>
</head>
<body>
<div>
<ul>
<li>家用电器</li>
<ol>
<li>冰箱</li>
<li>洗衣机</li>
<li>空调</li>
</ol>
<li>洗衣机</li>
<ol>
<li>洗衣液</li>
<li>消毒液</li>
<li>洗厕液</li>
</ol>
<li>妇婴用品</li>
<ol>
<li>奶粉</li>
<li>纸尿裤</li>
<li>奶瓶</li>
</ol>
</ul>
</div>
</body>
</html>
2回答
-
好帮手慕码
2020-07-30
同学你好，代码是正确的。另，不太清楚同学的意思，请问是说为什么设置为“ol:first-child,ol:nth-child(2),ol:last-child”的时候，无法让所有ol的子级生效是吗。例如：
其实，ol:first-child,ol:nth-child(2),ol:last-child中，生效的是后面两个。
ol:first-child没有生效，因为该代码表示：选择属于其父元素的首个子元素的每个 <ol> 元素，并为其设置样式，ol的父级元素是ul，ul的首个子元素并不是ol，因此无法生效哦：
如果不是这个问题的话，建议再次提问，并详细描述问题！
祝学习愉快~
0 -
不努力就淘汰
提问者
2020-07-30
老师，问题是这样的
为什么不可以写成ol:first-child,ol:nth-child(2),ol:last-child?
不是ol的子集li改版样式颜色么？我有三个ol, 我试了下用ol:first-child效果是第一个ol中的全部内容变色，不是每个ol的第一个子集变色，这是为什么呢？
0
相似问题