CSS类继承自另一个类

Question

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

以一个名为centered的CSS类为例，它集中了元素并做了其他一些事情。

我想说，例如，news类的所有元素都从centered继承。

有几种解决方案：

• 在centered

  中声明news的所有元素

  .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>

有可能吗？

Answer 1

你应该看看LESS CSS（或SASS），它们可以完全符合你的要求 - 并提供很多其他很大的可能性。

Answer 2

最简单的方法是

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

Answer 3

没有。 CSS没有像extend那样的东西。但是，你可以这样写它

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

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

Answer 4

我建议使用Emmet，这种组合以前称为Zen编码。如果在逻辑上构建，它是快速且高效的。