html - 仅使用 css 更改 img 悬停上 span 元素的颜色

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;
 }

你可以找到我的工作 fiddle here

Answer 1

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