请老师检查代码
来源：3-40 编程练习
it届纹身师
2021-07-14 16:32:53
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>权值</title>
<style type="text/css">
#div span{
color:green;
}
#div .p2 span{
color:red;
}
</style>
</head>
<body>
<div id="div">
<p class="p1">
<span>权值相同，</span>就近原则
</p>
<p class="p2">
<span>权值不同，</span>哪个权值高，就用哪个
</p>
</div>
</body>
</html>
请老师检查代码， 老师我提问
#div .p2 span{
color:red;
这里面div 后面还要加那个. 是为什么。我是记得之前讲过，，但是翻了翻没找到。。请老师解答。。 不知道为什么，，但是试出来了。。
1回答
-
同学你好，运行同学提供的代码，效果如下：
不符合编程题的要求，正确的效果是：“权值相同”这几个字，字体颜色是红色，代码如下：
关于同学的疑问，解答如下：class选择器要有个点，.p2是选择class为p2的元素，在之前的课程中讲解过，课程链接：https://class.imooc.com/lesson/1611#mid=38846
祝学习愉快~
0h021-07-14
相似问题