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

Question

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

e.g。

#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;
}

选择较短的选线会很好看;但是对于整体代码执行效率，没有区别。