老师帮忙检查一下3-40的代码谢谢

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        /*补充代码*/
        div p.p2 span {
            color: green;
        }
        div p.p1 span {
            color: red;
        }
    </style>
</head>
 
<body>
    <div id="div">
        <p class="p1"> 
            <span>权值相同，</span>就近原则
        </p>
        <p class="p2">
            <span>权值不同，</span>哪个权值高，就用哪个
        </p>
    </div>
</body>
 
</html>

搜索

复制

清夏_ 2022-04-04

源自：CSS3选择器 3-40 编程练习

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2022-04-06 08:38:24

同学你好，绿色字体的选择器去掉.p2会好一些

这样没有写下面样式的时候，权值相同，两个span字体都为绿色，写下面样式后，由于权值大，第一个span字体变为红色。

祝学习愉快！

收起回答

清夏_ 提问者 #1

我这样写是规定.p1变绿色 .p2变红色应该不会影响他们两个之间是不是也没有错尽管这样他们的权重可能就一样了老师的意思是不是咱可以把权重尽量拉开
搜索
复制

2022-04-06 19:36:45
好帮手慕星星回复提问者清夏_ #2

同学那样写效果是可以的，但是习题的意思是，先权值相同，后权值不同，所以两个选择器权值有相差比较好。

2022-04-07 11:06:49