Giải pháp tốt hơn cho việc thay đổi màu sắc của trẻ trên di chuột mẹ

Question

Có giải pháp crossbrowser nào tốt hơn để thay đổi màu chữ của trẻ thông qua css không?
Cần phải làm cho tất cả màu đỏ văn bản trên di chuột div

html:

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

css:

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

tôi nghĩ chỉ này

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

Answer 1

riêng của bạn ...

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

... là tốt một giải pháp như bất kỳ, thực sự. Nếu bạn muốn kết hợp các lớp/phần tử khác, bạn có thể sử dụng dấu sao;

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

demo tại http://jsfiddle.net/h5BaU/