我正在尝试使用W3C验证器来验证我的网站,我有以下SASS代码。
$paddingXL: 140px;
.wrapper {
width: 100%;
max-width: 1360px + #{$paddingXL * 2} + 40px;
margin-left: auto;
margin-right: auto;
}
已编译为以下CSS代码
.Wrapper {
width: 100%;
max-width: 1360px + 280px + 40px;
margin-left: auto;
margin-right: auto
}
以上代码在W3C上丢弃以下验证错误
Error: CSS: Parse Error.
+ 280px + 40px;margin-left:au
,验证器正在突出显示";在" 40px"之后,有人可以帮助我通过W3C验证
max-width: 1360px + 280px + 40px;
不是有效的CSS。您可以计算SASS中的宽度:max-width: 1360px + $paddingXL * 2 + 40px;
。只需删除#{}
。
如果您围绕着计算中的表达式,您将获得所需的值:
$paddingXL: 140px;
.wrapper {
width: 100%;
max-width: calc(1360px + #{$paddingXL * 2} + 40px);
margin-left: auto;
margin-right: auto;
}