将CSS行组合成一个

我想定义一些我可以组合的基本样式。比方说，我有一个包含如下的样式表：将CSS行组合成一个

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

我想知道是否有是有办法，包括这些行成一个新的生产线？喜欢的东西：

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

的结果必须是相同的，因为这将是这一行：

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

来源

2012-03-29 ZEDA-NL

您正在寻找SASS或LESS库。

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

少用，只要你想

div.main { 
    .whitebackground; 
    .borderblue; 
}

你的语法会完全有效的工作，但是，当它们被编译，它会自动采取优化形式。

来源

2012-03-29 12:01:45 Starx

这似乎正是我正在寻找。我希望这样做没有JavaScript，但我想这是不可能的。日Thnx。（+1） – 2012-03-29 15:04:57

对于标准的CSS，你不能。但是，你可以给你的div多个类。

<div class="whitebackground borderblue">

这两套CSS的应用到div。顺便说一句，如果我是一个迂腐的心情，我会说像“whitebackground”和“borderblue”这样的名字不是很好的类名。通过这样的类，您可以使用内联样式。类名称应该表达意义，意图，结构，重点等。使用名称，如“特殊评论”，“重要”，“旁注”，“突出显示”或任何理由给你的div白色背景和蓝色边框。

来源

2012-03-29 12:26:29

我意识到这种可能性，但我正在寻找它在样式表本身中的结合。不管怎么说，还是要谢谢你。顺便说一句：我提到的样式表行不是真实的名称或样式。 – 2012-03-29 15:09:13

将CSS行组合成一个

回答

相关问题