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

2016-05-25 23:53:43 +08:00
 lbfeng

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

.class-1 {
 ...
}

.class-1.class-3 {
 ...
}
....

.class-2 {
   /* inherit class-1*/
}
7898 次点击
所在节点    问与答
6 条回复
KKKKKK
2016-05-26 00:11:23 +08:00
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
在用 DOM 标签中追加 classname 不行吗?
dphdjy
2016-05-26 11:35:38 +08:00
Class 本身具有优先级,后面对前面的进行覆盖,继承可以用这种方法

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

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/281285

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX