V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
lbfeng
V2EX  ›  问与答

如何让一个 css class 继承另一个 css class 的属性

  •  
  •   lbfeng · 2016-05-25 23:53:43 +08:00 · 7874 次点击
    这是一个创建于 3104 天前的主题,其中的信息可能已经有所发展或是发生改变。

    基于一个模版做改进,模版可以更新所以不想动自带的 css,js 文件。 现在出现一个问题。 header 中需要一个 class,但这个 class 会触发一些不需要的 action. 我想用一个新的 class 代替它。继承它所有的属性。

    .class-1 {
     ...
    }
    
    .class-1.class-3 {
     ...
    }
    ....
    
    .class-2 {
       /* inherit class-1*/
    }
    
    6 条回复    2016-05-26 11:35:38 +08:00
    KKKKKK
        1
    KKKKKK  
       2016-05-26 00:11:23 +08:00 via Android
    sass or less
    momou
        2
    momou  
       2016-05-26 00:18:58 +08:00
    .class-1, .class-2 {
    ...
    }
    lbfeng
        3
    lbfeng  
    OP
       2016-05-26 00:27:13 +08:00
    @KKKKKK 会考虑 less
    lbfeng
        4
    lbfeng  
    OP
       2016-05-26 00:32:23 +08:00
    @momou

    .class-1, .class-2 {
    /*空*/
    }

    并不可以
    goosaber
        5
    goosaber  
       2016-05-26 07:54:34 +08:00 via Android
    在用 DOM 标签中追加 classname 不行吗?
    dphdjy
        6
    dphdjy  
       2016-05-26 11:35:38 +08:00 via Android
    Class 本身具有优先级,后面对前面的进行覆盖,继承可以用这种方法

    如果要在语言层实现,需要一些 CSS 的拓展语法,参见隔壁 less sass stylus 均在语言层实现继承
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1785 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 16:36 · PVG 00:36 · LAX 08:36 · JFK 11:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.