2011-06-11 53 views
35

我在想,如果這是可能的,其中一個屬性等於兩個值,像這樣的一個指定的CSS元素:屬性選擇器的值等於A還是B?

input[type=text][type=password] 

這個選擇似乎但是不工作(我假設,因爲指定相同的屬性兩次是無效的),有誰知道如何做到這一點?

+2

指定相同的屬性兩次是有效的。用不同的值指定兩次相同的屬性也是有效的。只是後者是矛盾的,不可能實現。 – BoltClock 2011-06-11 05:33:57

+0

是的,我錯誤地理解了它處理多個屬性選擇器的方式,認爲它可能是個案或案例,但它是作爲一個案例工作的。 – 2011-06-11 11:53:54

+0

更一般的問題:http://stackoverflow.com/questions/7517429/css-selector-a-or-b-and-c,不只是屬性和嵌套的問題。 – 2014-07-23 13:31:44

回答

37

是否這樣? http://jsfiddle.net/m242t/

HTML:

<form> 
Username: <input type="username" name="Username" value="Username" /><br /> 
Password: <input type="password" name="Password" value="Password" /><br /> 
<input type="submit" value="Submit" /> 
</form> 

CSS:

input[type="username"], input[type="password"] { 
    color: blue; 
} 
+0

如果我們想要選擇具有任何一種輸入類型的類,該怎麼辦? – User 2015-11-07 14:29:48

+12

這個答案實際上是無效的,你的解決方案需要兩個單獨的選擇器。就像@bttclock提到的那樣,沒有單個選擇符可以匹配屬性的多個值。 – biphobe 2016-07-07 10:49:09

+0

@biphobe OP沒有指定他們想要*一個*選擇器。他們想知道如何去做OR邏輯的屬性,這是如何做到的。您的評論無效。 – TylerH 2018-02-02 14:47:22

相關問題