css - 将 CSS 行合并为一个

Question

我想定义一些我可以组合的基本样式。假设我有一个包含以下行的样式表:

.whitebackground  {background-color: #ffffff}
.borderblue       {border: solid 1px #0000aa}

我想知道是否有办法将这些行包含到一个新行中？像这样的东西:

**div.main   {.whitebackground; .borderblue}**

结果必须与此行的结果相同:

div.main  {background-color: #ffffff; border: solid 1px #0000aa}

Answer 1

您正在寻找SASS或 LESS图书馆。

它们将允许您将样式声明从一个选择器包含到另一个选择器。

使用 LESS，您的语法将完全有效并按您的意愿工作

div.main   {
   .whitebackground; 
   .borderblue;
}

但是，当它们被编译时，它会自动采用优化的形式。