css - 如何指定一个与多个值中的一个完全匹配的 CSS 选择器？

Question

我在一个表单中有多个输入元素。我想为所有具有属性“type”且值为“text”或“email”的输入元素指定一个css选择器。如何指定单个选择器？

例如

#ABC.XYZ .MNQ input[type="text"] {
margin-bottom: 8px;
}

我知道我可以在末尾加一个逗号，然后用 type="email" 重复整个选择器。想知道是否有更短的形式可以对任何特殊运算符执行相同的操作？

Answer 1

我很确定最快的方法是：

#ABC.XYZ .MNQ input[type="text"] , #ABC.XYZ .MNQ input[type="email"] {
margin-bottom: 8px;
}

有一个较短的选择线会很好看；但就整体代码执行效率而言，没有区别。