如何在LESS中利用这种样式的CSS？

问题描述

| 我想使用一些CSS框架，但讨厌它的语义。所以我想用LESS。基本思想是将mixin框架的CSS放入我自己的类中。但是我觉得LESS无法应付某些情况。例如，一些类在框架中定义为： div.prepand = {...} 要么 * html .span-1 = {...} LESS mixin似乎不支持上述情况。任何想法？     

解决方法

我不确定您说的意思是哪个框架，“框架中某些类定义为：”。 在Less中，您不会按照显示方式声明mixins。您可以这样做：

.my_mixin { ... }

然后在文件下面，您可以像这样：

div.content {
   .my_mixin;
}

除此之外，我不明白您的问题。您想将框架的CSS混入自己的类中吗？这意味着什么？您用Less编写CSS还是不...     ,我在这里将LESS中的blueprint.css网格部分放在一起。您可以设置列宽和装订线宽度，然后使用mixins如下所示：

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

我还添加了两个示例@media查询，以允许响应式布局。 我希望它可能对某人有用。