2011-07-20 11 views
39

Herhangi bir IMG etiketine bir stil uygulayacak bir CSS kuralı oluşturmak mümkün mü? Örneğin, bir sayfada aşağıdaki 3 görüntü varsa, ikincisini gizler miydi?CSS, SRC özelliğine sahip tüm resimleri gizle

<img src="images/test1.png"> 
<img src="images/hideme.gif"> 
<img src="images/test3.jpg"> 
+0

Bunu kullanacağınız durum hakkında daha fazla bilgi verebilir misiniz? –

+2

Bu sadece "popüler bir soru" oldu ve keşke bunu neden yapmak istediğimi hatırladım :) –

cevap

88

bunu kullanın CSS3 attribute selector:

img[src*="hideme"] { 
    display: none; 
} 

yerine bir hideme sınıfını kullanmayı tercih ediyorum, ama onun src özelliğe dayalı olarak bir görüntüyü gizlemek gerekiyorsa, yukarıda gayet iyi.

+1

Her zamanki gibi, IE'nin bazı sürümlerinin CSS3 öznitelik seçicilerine sahip hataları olduğu biliniyor. SitePoint Başvurusu yararlıdır: http://reference.sitepoint.com/css/css3attributeselectors – BoltClock

+0

Bağlantı çok yararlı oldu, teşekkürler –

+0

mükemmel çalışıyor. –