CSS 类继承自另一个类答案

【问题标题】：CSS class inherit from anther classCSS 类继承自另一个类
【发布时间】：2013-05-16 10:07:00
【问题描述】：

我的问题很简单，但我没有在 Internet 上找到任何有关它的文档。也许我没有用正确的关键字搜索...

以名为 centered 的 CSS 类为例，它使元素居中并执行其他一些操作。

我想说news这个类的所有元素，比如继承自centered。

有几种解决方案：

在news中声明centered的所有元素

.centered { X; Y; Z } .news { X; Y; Z; A; B }
用 2 个类在 HTML 中声明我的标签：

.centered { X; Y; Z } .news { A; B }

<div class="news centered">...</div>

我搜索一个代码来做这样的事情：

.centered { X; Y; Z }
.news { all_the_properties_of_centered; A; B }

然后我会宣布我的消息

<div class="news">...</div>

有可能吗？

【问题讨论】：

【解决方案1】：

您应该看看LESS CSS（或SASS），它们都可以完全满足您的需求 - 并提供许多其他绝佳的可能性。

【讨论】：

【解决方案2】：

最简单的方法是

.centered, .news { X; Y; Z }
.news { A; B }

【讨论】：

【解决方案3】：

没有。 CSS 没有像 extend 这样的东西。不过，你可以这样写

.centered, .news { X; Y; Z }
.news { A; B } /* adding rules */

嗯，实际上它确实包含inherit，但它并不意味着从另一个CSS类继承，而是从默认元素样式，请参阅Hanky Panky的评论。

【讨论】：

【解决方案4】：

我建议使用Emmet，以前称为 Zen 编码，用于此类组合。如果按逻辑构建，它会快速且非常高效。

【讨论】：