老师帮忙看看咋回事呀

来源：3-35 层叠性和选择器权重计算

_天边_

2021-04-22 19:11:13

List那里，我跟视频里写的选择器一样，但是标了spec的那两个表单元素没有变色，还是红色呢

代码如下：

<!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>
/* (2,0,1) */
#box1 #box2 p {
color:red;
}
/* (2,1,2) */
#box1 div.box2 #box3 p {
color:green;
}
/* (0,3,1) */
.box1 .box2 .box3 p {
color:salmon;
}

.list li {
color:red;
}
.list li .spec {
color:springgreen;
}
</style>
</head>
<body>
<div id="box1" class="box1">
<div id="box2" class="box2">
<div id="box3" class="box3">
<p>谁是下一个</p >
</div>
</div>
</div>
<ul class="list">
<li>不行</li>
<li class="spec">不行</li>
<li class="spec">不行</li>
<li>不行</li>
</ul>
</body>
</html>