2

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

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

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

有几种解决方案：

  • centered声明in的所有元素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>

可能吗 ？

4

4 回答 4

1

你应该看看LESS CSS（或SASS），它们都可以做你想做的事——并提供很多其他的可能性。

于 2013-05-16T10:09:15.380 回答
1

最简单的方法是

.centered, .news { X; Y; Z }
.news { A; B }
于 2013-05-16T10:09:52.920 回答
1

不，CSS 没有类似extend. 但是，您可以这样写

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

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

于 2013-05-16T10:10:03.007 回答
0

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

于 2013-05-16T10:33:59.773 回答