你可以在 CSS 中扩展实体(entity)吗

发布于03月22日

这可能是一个非常基本的问题，但有可能在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;
}

我可以创建两个实体，每个实体都扩展这个实体，然后添加/更改一些样式，这样我就只能在jsp代码中引用"blahFoo"和"blahBar"了吗？

.blahFoo {
    color: #036;
}

.blahBar {
    color: #630;
}

推荐答案

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;
}