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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3123 天前的主题，其中的信息可能已经有所发展或是发生改变。

基于一个模版做改进，模版可以更新所以不想动自带的 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

2016-05-26 00:11:23 +08:00 via Android

sass or less

momou

2016-05-26 00:18:58 +08:00

.class-1, .class-2 {
...
}

lbfeng

2016-05-26 00:27:13 +08:00

@KKKKKK 会考虑 less

lbfeng

2016-05-26 00:32:23 +08:00

@momou

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

并不可以

goosaber

2016-05-26 07:54:34 +08:00 via Android

在用 DOM 标签中追加 classname 不行吗？

dphdjy

2016-05-26 11:35:38 +08:00 via Android

Class 本身具有优先级，后面对前面的进行覆盖，继承可以用这种方法

如果要在语言层实现，需要一些 CSS 的拓展语法，参见隔壁 less sass stylus 均在语言层实现继承