Css 为什么可以';SASS编译伪表达式,如`&;::不是(:第一个孩子)`?
我通过(转换为SCSS)获得了以下代码片段 当我使用SASS 3.4.9编译它时,它会抱怨:Css 为什么可以';SASS编译伪表达式,如`&;::不是(:第一个孩子)`?,css,sass,css-selectors,Css,Sass,Css Selectors,我通过(转换为SCSS)获得了以下代码片段 当我使用SASS 3.4.9编译它时,它会抱怨: Error: Invalid CSS after "&::not(": expected pseudo_expr, was ":first-child)" 预期的CSS代码应如下所示: .floating-label-form-group::not(:first-child){ padding-left:14px;border-left:1px solid #e1e1e1} 然而,
Error: Invalid CSS after "&::not(": expected pseudo_expr, was ":first-child)"
预期的CSS代码应如下所示:
.floating-label-form-group::not(:first-child){
padding-left:14px;border-left:1px solid #e1e1e1}
然而,SASS似乎不知道如何将
&::not(
编译成CSS。有人知道如何解决这个问题吗?实际上,SASS是对的:这确实是无效的CSS。:not()
是一个伪类,不是伪元素,所以它应该只有一个冒号:
&:not(:first-child) {
padding-left: 14px;
border-left: 1px solid #e1e1e1;
}
引用:第一个孩子,下面的代码在Rais4中对我有用
.floating-label-form-group::not(':first-child') {
padding-left: 14px;
border-left: 1px solid #eee;
}
这将生成无效的CSS..浮动标签表单组:not(:first child){左填充:14px;左边框:1px solid#eee;}这是正确的代码。
.floating-label-form-group::not(':first-child') {
padding-left: 14px;
border-left: 1px solid #eee;
}