Css 为什么可以';SASS编译伪表达式,如`&;::不是(:第一个孩子)`?

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} 然而,

我通过(转换为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}

然而,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;
}