如何将选择器样式导入到另一个选择器样式中？

Question

我知道我们可以将css样式导入到另一个css样式中。这不是我要谈论的事情。

我想创建一个依赖于其他CSS样式的CSS样式。换句话说，我想创建自己的级联树系统。我怎样才能做到这一点？

例如，我怎么在我的脑海里把它描写：

div.priceinfo { border: 1px solid gray; width: 200px; } 
div.disabled  { background-color: gray; color: 333333; } 
div.shippinginfo { depend: div.pricebox; border-color: green; } 
div.taxinfo  { depend: div.pricebox; border-color: blue; } 

这样我就可以这样使用它：

<div class="priceinfo"> ... </div> 
<div class="shippinginfo"> ... </div> 
<div class="taxinfo disabled"> ... </div> 

但我不想是这样的：

<div class="priceinfo shippinginfo"> ... </div> 
<div class="priceinfo taxinfo disabled"> ... </div> 

我知道最后的办法是可能的，但我很好奇是否有一个我可以像我之前描述的那样做一些事情吗？谢谢您的帮助。

Answer 1

我认为你必须为此看到LESS CSS。 LESS CSS提供了CSS的编码。 http://lesscss.org