Css Susy Compass omega正在添加#左边距:-1米;
我正在使用Susy框架为我的网站创建一个网格,我非常喜欢它。 我不明白为什么#左边距:-1em是在跨距列中使用欧米茄时添加的。 我似乎找不到关于它的任何信息,当我验证css时,它会抛出此错误:。第二个解析错误#左边距:-1em 我的代码如下所示Css Susy Compass omega正在添加#左边距:-1米;,css,sass,compass-sass,susy-compass,Css,Sass,Compass Sass,Susy Compass,我正在使用Susy框架为我的网站创建一个网格,我非常喜欢它。 我不明白为什么#左边距:-1em是在跨距列中使用欧米茄时添加的。 我似乎找不到关于它的任何信息,当我验证css时,它会抛出此错误:。第二个解析错误#左边距:-1em 我的代码如下所示 //this is the default number of columns $total-columns: 12; //width of each column $column-width : 4em; //space between col
//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的黑客行为你的代码可以用Compass为我编译。该行有一个星号,而不是哈希标记:
*margin-left: -1em;
一行以星号开头的CSS是一种仅适用于IE的黑客攻击。谢谢你的回复。这很奇怪,我不知道为什么地雷会被压缩成a#而不是a*。我将禁用对IE 6-7的支持,并在需要时手动重新添加代码。在最新版本中,它从
#
更改为*
。看见IE在达到亚像素数学时会被取整,所以布局可能会被破坏,除非你给它们额外的呼吸空间-1em
为他们提供了空间,而且由于omega
元素向右浮动,大多数人甚至没有注意到。您可以使用指南针设置关闭任何黑客攻击:$legacy-support-for-ie6
、$legacy-support-for-ie7
,或更通用的$legacy-support-for-ie
。非常感谢您的帮助和解释。我升级到了Susy的最新版本,现在就显示*了。谢谢你的回复。这很奇怪,我不知道为什么地雷会被压缩成a#而不是a*。我将禁用对IE 6-7的支持,并在需要时手动重新添加代码。在最新版本中,它从#
更改为*
。看见IE在达到亚像素数学时会被取整,所以布局可能会被破坏,除非你给它们额外的呼吸空间-1em
为他们提供了空间,而且由于omega
元素向右浮动,大多数人甚至没有注意到。您可以使用指南针设置关闭任何黑客攻击:$legacy-support-for-ie6
、$legacy-support-for-ie7
,或更通用的$legacy-support-for-ie
。非常感谢您的帮助和解释。我升级到了Susy的最新版本,现在就开始播放。