将CSS行合并成一行

Question

将CSS行合并成一行

4

我希望定义一些基本样式，以便进行组合。比如说，我有一个包含以下行的样式表：

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

我想知道是否有一种方法可以将这些行包含在新行中？类似于：

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

结果必须与以下行相同：

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

- ZEDA-NL

2个回答

0

使用标准CSS是不行的。但是，您可以给您的div添加多个类。

<div class="whitebackground borderblue">

这将同时应用两组CSS样式到div上。

顺便说一下，如果我处于一种追求严谨的心情，我会说像“whitebackground”和“borderblue”这样的名称并不是很好的类名。使用这样的类，您可能会想要使用内联样式。类名应该传达意义、意图、结构、重点等。使用像“special-remark”、“important”、“sidenote”、“highlight”或任何您为使您的div具有白色背景和蓝色边框而命名的原因的名称。

- Mr Lister

我知道这种可能性，但我想把它结合到样式表中。无论如何，谢谢。顺便说一下：我提到的样式表行不是真实的名称或样式。 - ZEDA-NL

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Starx · Accepted Answer

你正在寻找SASS或LESS库。

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

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

div.main   {
   .whitebackground; 
   .borderblue;
}

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