如何在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查詢以及，允許響應佈局。

我希望這可能對某人有用。