如何在LESS中使用这种风格的CSS？

Question

我想使用一些CSS框架，但讨厌它的非语义。所以我想用LESS。基本的想法是混入框架的CSS到我自己的类中。但我觉得LESS无法处理一些场景。例如，某些类定义中的框架为：

div.prepand = {...} 或 * HTML .span-1 = {...}

LESS混入似乎并不以支持上述情况。任何想法？

Answer 1

我不确定你说的“某些类在框架中定义为：”是什么意思。

在更少的情况下，您不会按照展示它的方式声明mixin。你这样做，像这样：

.my_mixin { ... } 

然后下面你可以（重新）在文件中使用它，像这样：

比

div.content { 
    .my_mixin; 
} 

其他，我不明白你的问题。你想把框架的CSS混入你自己的类中？那是什么意思？你写在较少的CSS或你不...

Answer 2

我刚刚放在一起blueprint.css的网格部分在LESS here。您可以设置列和排水沟宽度，然后用混入这样的：

#header { 
    .span(20); 
    .prepend(2); 
} 

我添加了几个例子@media查询以及，允许响应布局。

我希望这可能对某人有用。