请问一下为什么结果和效果图不同,麻烦看一下错误在什么地方,还想问一下什么是后代复合选择器,如何表示

来源:4-12 编程练习

努力学习的小张

2020-09-13 14:25:42

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>权值</title>

        <style type="text/css">

            /*补充代码*/

            #div p span{color:green;}

            p span{color:red;}

        </style>

    </head>

    <body>

        <div id="div">

            <p class="p1"> 

                <span>权值相同,</span>就近原则

            </p>

            <p class="p2">

                <span>权值不同,</span>哪个权值高,就用哪个

            </p>

        </div>

    </body>

</html>


写回答

1回答

好帮手慕慕子

2020-09-13

同学你好,想要改变“权值相同”文字的字体颜色为红色,那么选择器权重要比#div p span高才可以,建议修改:

http://img.mukewang.com/climg/5f5dbf98092d999004070278.jpg

针对同学的问题解答如下:后选择器使用空格表示,复合选择器表示同时使用多重选择器,示例:#div .p1 span 这个选择器就属于一个后代复合选择器。

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程