V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
lbfeng
V2EX  ›  问与答

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

  •  
  •   lbfeng · May 25, 2016 · 8314 views
    This topic created in 3625 days ago, the information mentioned may be changed or developed.

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

    .class-1 {
     ...
    }
    
    .class-1.class-3 {
     ...
    }
    ....
    
    .class-2 {
       /* inherit class-1*/
    }
    
    6 replies    2016-05-26 11:35:38 +08:00
    KKKKKK
        1
    KKKKKK  
       May 26, 2016 via Android
    sass or less
    momou
        2
    momou  
       May 26, 2016
    .class-1, .class-2 {
    ...
    }
    lbfeng
        3
    lbfeng  
    OP
       May 26, 2016
    @KKKKKK 会考虑 less
    lbfeng
        4
    lbfeng  
    OP
       May 26, 2016
    @momou

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

    并不可以
    goosaber
        5
    goosaber  
       May 26, 2016 via Android
    在用 DOM 标签中追加 classname 不行吗?
    dphdjy
        6
    dphdjy  
       May 26, 2016 via Android
    Class 本身具有优先级,后面对前面的进行覆盖,继承可以用这种方法

    如果要在语言层实现,需要一些 CSS 的拓展语法,参见隔壁 less sass stylus 均在语言层实现继承
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4969 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 01:09 · PVG 09:09 · LAX 18:09 · JFK 21:09
    ♥ Do have faith in what you're doing.