我正在使用Susy框架为我的网站创建一个网格,并且真的很喜欢它。
我不知道为什么在跨度列中使用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;
 }

最佳答案

使用Compass,您的代码对我来说很好编译。有问题的行带有星号,而不是井号:

*margin-left: -1em;


一行以星号开头的CSS是仅适用于IE
要禁用IE 6-7支持,请在导入Susy之前将$legacy-support-for-ie设置为false:

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

关于css - Susy Compass omega正在添加#margin-left:-1em;,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15891822/

10-09 14:43