如何指定一个精确匹配多个值之一的css选择器？

我有一个窗体中的多个输入元素。我想为所有具有值为“text”或“email”的属性“type”的输入元素指定一个css选择器。我如何指定一个选择器？如何指定一个精确匹配多个值之一的css选择器？

例如

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

我知道我可以在最后加一个逗号，并用type =“email”重复整个选择器。想知道是否有一个简短的表格可以对任何特殊的操作员进行相同的操作？

2013-01-07 Kunal

我知道没有更短的方式。只需编写CSS代码并继续。 :-) –

可能重复[属性选择器，其中值等于A或B？]（http://stackoverflow.com/questions/6313711/attribute-selector-where-value-equals-either-a-or-b） –

如果你想少打字，使用CSS预处理器（Sass，LESS等）。无论您是手动输入还是让预处理器执行此操作，选择器都必须为＃ABC.XYZ .MNQ输入[type =“text”]，＃ABC.XYZ .MNQ input [type =“email”] '。 – cimmanon

我敢肯定的最快方法是：

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

它看起来很好，有一个较短的选择线;但对于整体代码执行效率来说，这并没有什么区别。

2013-01-07 21:59:18

回答