2011-06-11 14 views
35

bir öznitelik iki değer, böyle bir şey birine eşit olduğu CSS öğeleri belirtmek mümkün olup olmadığını merak ediyorum: belirterek çünküÖznitelik seçicinin değeri A veya B'ye eşittir?

input[type=text][type=password] 

Ancak bu selektör çalışmak görünmüyor (ı varsayalım iki kez aynı öznitelik geçerli değil), bunu nasıl yapacağını bilen var mı?

+2

geçerlidir. Aynı özniteliği farklı değerlerle iki kez belirtmek de geçerlidir. Sadece ikincisi çelişkili ve yerine getirilmesi imkansız. – BoltClock

+0

Evet Birden çok öznitelik seçicisini işleme biçimini yanlış anladım, bir durumun ya da durumun olabileceğini düşündüm, ancak bir durum olarak çalışıyordu. –

+0

Daha genel soru: http://stackoverflow.com/questions/7517429/css-selector-a-or-b-and-c, yalnızca özellik ve iç içe geçmiş konular değil. –

cevap

37

Bunu beğendiniz mi? 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: iki kez aynı özelliği belirtme

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

Bu giriş türlerinden birine sahip bir sınıf seçmek istersek ne olur? – User

+12

Bu cevap aslında geçersiz, çözümünüz iki ayrı seçici gerektirir. @boltclock'un bahsettiği gibi, bir özniteliğin birden çok değerini eşleştirebilecek tekil seçici yoktur. – biphobe

+0

@biphobe OP istediğini belirtmedi * tek * seçici. Nasıl yapılacağını öğrenmek için VEYA mantığı ile mantık, ve bu nasıl. Yorumunuz geçersiz. – TylerH

İlgili konular