Question

我知道这是一个愚蠢和糟糕的问题，但我无法找到解决问题的方法。

这很简单，但我很困惑。我想在悬停图像时改变span元素的颜色。这很简单但很难。如果问题是愚蠢的......

HTML

<table border="0" width="100%" cellspacing="9" id="zaposlenici">
<tr>
    <td><a href="slike/zaposlenici/Alisa.jpg"><img src="slike/zaposlenici/Alisa.jpg">  
              </a></td>
    <td><a href="slike/zaposlenici/muriz.jpg"><img src="slike/zaposlenici/muriz.jpg">
  </a></td>
    <td><a href="slike/zaposlenici/firdeusa.jpg"><img src="slike/zaposlenici/firdeusa.jpg"></a></td>
    <td><a href="slike/zaposlenici/krekic.jpg"><img src="slike/zaposlenici/krekic.jpg </a></td>
</tr>
<tr>
    <td><span>Salihović Alisa, pedagog</span></td>
    <td><span>Halilović Muriz, direktor</span></td>
    <td><span>Gredelj Firdeusa, bibliotekar</span></td>
    <td><span>Krekić Muhamed, prof.<br> tjelesnog i zdravstvenog<br> odgoja

  </span></td>
   </tr>
    </table>

CSS （我试图用这段代码改变跨度的颜色）

#zaposlenici tr td img:hover + span a{
color:red;
 }

你可以找到我的工作小提琴 here

Answer 1

不幸的是，这个例子不适用于CSS。但是，这对jQuery来说是一个很好的工作。在图像上使用悬停事件，并在您选择的任何目标元素上更改CSS。这里的示例jquery.com/hover

仅使用css更改img悬停时span元素的颜色

1 个答案: