如何防止“强制-属性-嵌套”Sass-Lint警告时，将CSS属性应用于特定的输入元素，以及选择和文本区域？

Question

我在我的构建系统中使用了Sass-Lint，并且在使用以下选择器时得到了警告Attribute-selector should be nested within its parent Type-selector：

input[type='text'],
input[type='number'],
input[type='email'],
input[type='password'],
select,
textarea {
    color: gray;
}

如何对其进行更新，以防止出现警告消息，并将CSS属性应用于所有这些元素？(我显然不想将属性选择器应用于select和textarea，但又不确定如何在没有两个具有重复属性的独立选择器的情况下做到这一点？)

Answer 1

试试这个吧，希望能帮上忙。

// sass-lint:disable-block no-qualifying-elements force-attribute-nesting
input[type='text'],
input[type='number'],
input[type='email'],
input[type='password'],
select,
textarea {
    color: gray;
}