关于css的后代选择其与并集选择器

来源:2-20 编程练习

夜长空

2020-11-06 01:04:08

.suit a:visited {color:green;}

            .wc a:visited {color:blue;}

            .skin a:visited {color:purple;}

           

            

        </style>

    </head>

    <body>

        <h2>商品列表</h2>

        <p class="suit">

             <a href="#">衣服鞋帽</a>

        </p>

        <p class="wc">

             <a href="#">厕所清洁</a>

        </p>

        <p class="skin">

             <a href="#">化妆用品</a>

        </p>        

为什么这里的选择其只能用后代选择器呢?如果用的是并集选择其的话会无效。

写回答

1回答

好帮手慕慕子

2020-11-06

同学你好,同学说的并集选择器是指如下写法吗?

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

如果是这样的话,那么本题是不可以使用并集选择器的,因为上图写法表示选择.suit和a元素。但是练习题要求是给a链接设置样式,而a链接是p标签的后代元素,所以需要使用后代选择器。

如果不是指这里的话,可以详细描述下具体指的是哪里,便于帮助同学准确的定位与解决问题。

​关于后代选择器和并集选择器的区别,如下图所示:

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

在课程中也有详细的讲解,同学可以回顾下课程加深理解 https://class.imooc.com/lesson/1611#mid=38847 

祝学习愉快~

0

0 学习 · 15276 问题

查看课程