为 css 选择器中的属性指定两个或多个值的简洁方法

Question

我有一个 CSS 选择器，如下所示：

#foo input[type=number].form-control, #foo input[type=text].form-control

是否有更简洁的语法，例如：

#foo input[type=number,text].form-control

那行不通，但有类似的事情吗？

Answer 1

不，恐怕没有。虽然没有像示例中那样的属性选择器中枚举值的建议，但Selectors 4:matches()至少允许您在单个复合选择器中 OR 两个属性选择器：

#foo input:matches([type=number], [type=text]).form-control

也就是说，在可预见的未来，您可能不得不坚持使用当前冗长的语法，直到浏览器开始实现:matches().