Question

我正在使用Susy框架为我的网站创建一个网格，我真的很喜欢它。当我在span列中使用omega时，我无法弄清楚为什么会添加＃margin-left：-1em。我似乎无法找到任何有关它的信息，当我验证css时它会抛出此错误：.second Parse Error＃margin-left：-1em;

我的代码如下所示

//this is the default number of columns
$total-columns: 12; 
//width of each column
$column-width   : 4em; 
//space between columns
$gutter-width   : 1em; 
//space on the right and left of the grid
$grid-padding   : $gutter-width;

.first{
    @include span-columns(6,12);
}
.second{
    @include span-columns(6 omega,12);
}

并生成此

.first {
   width: 49.15254%;
   float: left;
   margin-right: 1.69492%;
   display: inline;
}

.second {
   width: 49.15254%;
   float: right;
   margin-right: 0;
   #margin-left: -1em;
   display: inline;
 }

Answer 1

你的代码可以用Compass编译好。有问题的行有一个星号，而不是一个哈希标记：

*margin-left: -1em;

以星号开头的一行CSS是一种仅适用于IE＆lt; = 7的黑客。

要禁用IE 6-7支持，请在导入Susy之前将$legacy-support-for-ie设置为false：

$legacy-support-for-ie: false;
@import "susy";

Susy Compass omega正在添加#margin-left：-1em;

1 个答案: