Ebeveyn vurgusuyla çocuk rengini değiştirmek için daha iyi bir çözüm

Çocukların metin rengini css ile değiştirmek için çok daha iyi bir çizgi crossbrowser çözümü var mı?
Ebeveyn vurgusuyla çocuk rengini değiştirmek için daha iyi bir çözüm

<div><span class="gray">I'm a lion!</span><span>Arrrrr!!!</span></div>

css:

div {color:black}; 
.gray {color:gray;} 
div:hover {color:red;}

Sadece bu

düşünce

html vurgulu div tüm metin kırmızı yapmak gerekiyor

kaynak

2011-08-21 Shara

Kendi 210 ...

div:hover, div:hover .gray {color:red;}

... kadar iyi bir çözüm gerçekten vardır. Diğer sınıfları/öğeleri de eşleştirmek istiyorsanız bir yıldız kullanabilirsiniz; http://jsfiddle.net/h5BaU/

kaynak

2011-08-21 15:40:23 xec

evet, bu kadar iyi bir yol, XEC ama simliest az

div:hover, div:hover * { color:red; }

demo?/oyu – Shara

Bu oldukça basit. Evet Bunun en basit çözüm olduğunu söyleyebilirim. Hem bir öğeyi hem de çocuklarını aynı seçime (örn. Div: hover && * ') eşleştirmek mümkün değildir, bu nedenle div: hover, div: hover *' semantik ve basittir. Adamı kabul et! –

Ebeveyn vurgusuyla çocuk rengini değiştirmek için daha iyi bir çözüm

cevap

İlgili konular