标签继承

来源:3-1 新鲜甩尾部分开发

月入过亿

2022-08-03 18:38:09

问题描述:

老师,我前边设置的样式后边也会继承,怎样写才不会继承

https://img.mukewang.com/climg/62ea4f910998c7f719120482.jpg

就像这个span,继承的是头部设置的代码,下边的这是头部写的,难道每个标签都要加上类名吗,但是我记得之前我也这样写就没有这样的问题

相关代码:

header .right a,span{
    display: inline-block;
    color: #fff;
    /* width: 20px; */
    height: 20px;
    margin-right: 9px;
    margin-top: 1px;
    text-align: center;
    line-height: 20px;
}


写回答

1回答

imooc_慕慕

2022-08-04

同学你好,解答如下:

header .right a,span表示的意思是header 标签下面的 class="right" 下面的a标签和 所有的span标签,因此,后面的span标签都会有这样的属性。

可以不都添加类名,使用关系选择器来进行选择也可以,课程中有介绍,可以回顾一下内容课程地址:https://class.imooc.com/lesson/2111#mid=50034


https://img.mukewang.com/climg/62eb2315099372db17200533.jpg

祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程