Question

我想使用一些css框架，但讨厌它的非语义性。所以我想用LESS。基本思想是将mixin框架的css引入我自己的类中。但我觉得LESS无法处理一些情况。例如，某些类在框架中定义为：

div.prepand = {...} 要么 * html .span-1 = {...}

LESS mixin似乎不支持上述情况。有什么想法吗？

Answer 1

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

在Less中，您不会以您展示它的方式声明mixins。你是这样做的：

.my_mixin { ... }

然后在文件的下方，您可以（重新）使用它：

div.content {
   .my_mixin;
}

除此之外，我不明白你的问题。你想将框架的CSS混合到你自己的类中吗？那是什么意思？你在Less中编写CSS，或者你没有...

Answer 2

我刚刚在蓝色here中将blueprint.css的网格部分放在一起。您可以设置列和装订线宽度，然后使用这样的mixins：

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

我还添加了一些示例@media查询，允许响应式布局。

我希望它对某人有用。