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

一尘不染

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

css

我作为一个网络程序员已经这么长时间了，而且不知道这个问题的答案，这让我感到很愚蠢。我实际上希望这是可能的，我只是不知道答案，而不是我认为答案是什么（那是不可能的）
。

我的问题是，是否有可能使一个CSS类从另一个CSS类（或多个CSS类）“继承”。

例如，假设我们有：

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

我想做的是这样的：

.composite 
{
   .something;
   .else
}

其中“ .composite”类将同时显示内联并具有红色背景

阅读 691

2020-05-16

共1个答案

一尘不染

有像LESS这样的工具，它使您可以像描述的那样在更高的抽象层次上编写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;
}

2020-05-16