Question

html5当鼠标悬浮在图片上时,这个标签里的所有文字都变色

<div id="tianqi2" title="晴"> <ul> <li class="tianqi2-0"> <a href="" class="zi2-0"><img src="../img/jintian.jpg" title="晴"></a></li> <li class="tianqi2-1" > <a href="" class="zi2-1" >空气污染:</a> <a href="" class="zi2-2"> 中度 </a><br> <a href="" class="zi2-3" >16℃~5℃</a> </li></ul> </div>#tianqi2 ul li {float:left;list-style-type:none; font-size: 12px; padding-top:15px;}#tianqi2 ul li a.zi2-0 {padding-left: 50px;}#tianqi2 ul li a.tianqi2-0:hover{color: #609fe9;}#tianqi2 ul li a.zi2-1 {color:#555555; font-weight: bold;text-decoration: none;}#tianqi2 ul li a.zi2-2{color: #fff; text-decoration: none; background: red; white-space: pre; }#tianqi2 ul li a.zi2-3{color: #555555; text-decoration: none; }我想要当鼠标悬浮在太阳上，空气和温度文字同时变成蓝色

Answer 1

#tianqi2:hover .tianqi2-1 a{color: greenyellow;}
这样就可以了，当划过外面div的时候，里面的a标签中的颜色都改变了，但是你不觉得“中度”改变的话很怪，只需要中间文字颜色变了就行。