如何在更少的时间内使用这种样式的css?

如何在更少的时间内使用这种样式的css?,css,blueprint-css,less,Css,Blueprint Css,Less,我想使用一些css框架,但讨厌它的冷漠。所以我想少用。基本思想是将框架的css混合到我自己的类中。但我觉得有些情况我不能应付。例如,一些类在框架中定义为: div.prepand={…} 或 *html.span-1={…} 较少的混合似乎不支持上述情况。有什么想法吗?我不确定你说的框架中某些类定义为: 在Less中,您不会以显示的方式声明mixin。你是这样做的: .my_mixin { ... } div.content { .my_mixin; } 然后在下面的文件中,您可以像这

我想使用一些css框架,但讨厌它的冷漠。所以我想少用。基本思想是将框架的css混合到我自己的类中。但我觉得有些情况我不能应付。例如,一些类在框架中定义为:

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


较少的混合似乎不支持上述情况。有什么想法吗?

我不确定你说的框架中某些类定义为:

在Less中,您不会以显示的方式声明mixin。你是这样做的:

.my_mixin { ... }
div.content {
   .my_mixin;
}
然后在下面的文件中,您可以像这样重复使用它:

.my_mixin { ... }
div.content {
   .my_mixin;
}

除此之外,我不明白你的问题。您想将框架的CSS混合到您自己的类中吗?这是什么意思?您可以用更少的代码编写CSS,也可以不用…

我刚刚用更少的代码编写了blueprint.CSS的网格部分。您可以设置列和边沟宽度,然后使用如下混合:

#header {
  .span(20);
  .prepend(2);
}
我还添加了两个示例@media查询,允许响应性布局


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

我的问题是在blueprint css这样的现有框架中混用。对于blueprint css中的样式,例如span-x,可以找到,因为它们与mixin兼容。但在blueprint的ie hack文件中,有一些样式定义,如:html body span-x{…}。这样的定义不能用作mixin。我认为您必须使用Blueprint的hack文件,用更少的代码编写它,根据需要编写mixin。。它不应该太复杂。然后将其包含在项目中并使用mixin。。。我已经有一段时间没有使用Blueprint了,我不记得它有多复杂,但我相信它可以用更少的时间重新编写。我同意。重写是唯一的解决办法。事实上,只有ie黑客文件有点让人讨厌。所以ie很烂,不是蓝图或者更少。