我可以将两种以上的款式合并为超级款式吗？

我一直希望将两种样式结合在一起，以创建一个超级样式，以便于使用和定制我的页面。我可以将两种以上的款式合并为超级款式吗？

是否可以定义类似这样的东西？（如果是的话如何）

.bold { font-weight: bold;} 
.color1 {color: white;} 

.boldColor {.bold; .color1;} 

where .boldColor is effectively 

.boldColor {font-weight:bold; color:white;}

我想，这样我可以有风格thoughout页面，能够很容易地改变颜色，很多地方在1处。我目前使用<p class="bold color">但我的一些类DEFS的越来越长，所以我希望能够使用<p class="boldColor">

感谢

来源

2010-03-13 Kurru

你不能完全按照你的要求来做，但你可以通过使用逗号分隔多个共享相同属性的CSS选择器来获得类似的效果。

.bold, .boldColor { 
    font-weight: bold; 
} 

.color1, .boldColor { 
    color: white; 
}

这样class="boldColor"将具有class="color1 bold"同样的效果。

来源

2010-03-13 18:13:23

没有，CSS规范不支持此。

来源

2010-03-13 18:12:09 anddoutoi

这是不可能使用普通的CSS。正如你已经说过的，你通常会这样做，通过结合类名称：bold color

有一些CSS“预编译器”可以在CSS样式表上进行高级操作，比如使用变量。我不知道有任何“类融合”像你请求，但我相信他们可以帮助减少代码大小。例如，请查看LESS和xCSS。

来源

2010-03-13 18:13:04

和CleverCSS！ http://sandbox.pocoo.org/clevercss – myfreeweb 2010-03-13 18:15:55

+1 lesscss可以做类似'.class {#id; }'。太好了！ – 2010-03-13 18:17:02

不，你不能这样做。你目前如何做是理想的。

来源

2010-03-13 18:13:30

退房LessCss（.NET version）

来源

2010-03-13 19:24:39 erikkallen

我可以将两种以上的款式合并为超级款式吗？

回答

相关问题