如何指定一個精確匹配多個值之一的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

回答