您可以在 CSS 中扩展一个实体吗？

Question

这可能是一个非常基本的问题，但是否可以在 CSS 中扩展实体？例如，如果我有一个用一堆样式定义的实体：

.blah {
    clear: right;
    float: right;
    margin-top: 75px;
    margin-right: 10px;
    height: 71px;
    width: 600px;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}

我可以创建两个实体，每个都扩展这个实体，然后 add/change 一些样式，这样我就只能在 jsp 代码中引用“blahFoo”和“blahBar”吗？

.blahFoo {
    color: #036;
}

.blahBar {
    color: #630;
}

Answer 1

CSS中没有这样的继承。在 SCSS/SASS 中，您可以扩展一些 class 或 placeholder，因为您可以在 Sass 的官方文档中阅读 here。但是，在 CSS 中，您可以这样做：

.blah, .blahFoo, .blahBar {
    clear: right;
    float: right;
    margin-top: 75px;
    margin-right: 10px;
    height: 71px;
    width: 600px;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}
.blahFoo {
    color: #036;
}

.blahBar {
    color: #630;
}

您可以在 CSS 中扩展一个实体吗？

Can you extend an entity in CSS?

css

extend