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

Question

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

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

LESS mixin 似乎不支持上述情况。任何的想法？

score 0 · Accepted Answer

我不确定您所说的“某些类在框架中定义为：”是指哪个框架。

在 Less 中，你不会像你展示的那样声明 mixins。你这样做：

.my_mixin { ... }

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

div.content {
   .my_mixin;
}

除此之外，我不明白你的问题。您想将框架的 CSS 混合到您自己的类中吗？这意味着什么？你用 Less 写 CSS 或者你不...

score 0 · Accepted Answer

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

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

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

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

2 回答 2