CSS类可以继承一个或多个其他类吗？

Question

CSS类可以继承一个或多个其他类吗？我觉得自己很傻，因为我做了这么长时间的网络程序员，却不知道这个问题的答案，我实际上希望这是可能的，我只是不知道，而不是我认为答案是什么(这是不可能的)。我的问题是，是否可以创建一个从另一个CSS类(或多个CSS类)“继承”的CSS类。例如，假设我们有：.something { display:inline }.else      { background:red }我想做的是这样的事情：.composite  {    .something;    .else}其中，“.复合”类将同时显示内联并具有红色背景。

Answer 1

有这样的工具较少，它允许您在类似于您描述的更高抽象级别上编写CSS。

少管这些叫“Mixins”

而不是

/* CSS */

#header {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;}#footer {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;}

你可以说

/* LESS */

.rounded_corners {
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;}#header {
  .rounded_corners;}#footer {
  .rounded_corners;}

Answer 2

您可以向单个DOM元素添加多个类，例如，

<div class="firstClass secondClass thirdclass fourthclass"></div>

继承不是CSS标准的一部分。

Answer 3

是的，但不是那种语法。

.composite,.something { display:inline }.composite,.else      { background:red }