结合嵌套选择与上海社会科学院

Question

在CSS，我可以做出选择是这样的：

input[type="number"], 
input[type="password"], 
input[type="text"], 
textarea, 
.button { 
    border-radius: 3px; 
} 

如何窝在SASS我的属性选择器来实现这个输出？以下SASS导致我的棉绒尖叫（sass-lint，“请检查块的有效性”）。

input { 
    &[type="number"] {} 
    &[type="password"] {} 
    &[type="text"] {} 
}, 
textarea, 
.button-base { 
    border-radius: 3px; 
} 

Answer 1

我明白你在找什么，但它可能是徒劳的。我认为这种汇编不会发生。这可能是最接近的：

textarea, 
.button-base { 
    border-radius: 3px; 
} 
input { 
    &[type="number"], 
    &[type="password"], 
    &[type="text"] { 
     @extend .button-base; 
    } 
}