SCSS中有没有与:is伪类功能等效的替代实现方案？

解决方案 #

:is 伪类的核心作用是将括号内的多个选择器做并列匹配，你可以直接将选择器展开为逗号分隔的并列写法，完全满足所有限制要求：

input[type=text].input,
input[type=password].input {
  border: 5px solid red;
}

该写法与原 :is 实现的匹配逻辑、渲染效果完全一致，没有使用 & 符号、没有嵌套结构、也没有调用 :is 伪类，不会触发linter规则报错。后续需要新增其他type的匹配规则时，直接在逗号后追加对应的完整选择器即可。

内容的提问来源于stack exchange，提问作者antlis