你能在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;
}

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

.blahFoo {
color: #036;
}
.blahBar {
color: #630;
}

Answer 1

CSS中没有这样的继承。使用Sass，您可以扩展一些class或placeholder，正如您在其文档中所读到的那样。然而，在CSS中，您可以这样做：

/* Have common styles for different elements together */
.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;
}
/* Then set specific styles on each of them differently */
.blahFoo {
color: #036;
}
.blahBar {
color: #630;
}