当悬停图像或文本时如何改变图像和文本。仅与CSS一起使用

提问者：小点点

我在HTML和CSS方面有一个问题。我有这个代码:

<div id="menu">
    <span><img src="./images/serveurs.png">Actions</span>
    <span><img src="./images/historiques.png">Historiques</span>
</div>

我不知道如何改变颜色的文本和图片来源时，鼠标超过跨度。我说“跨度”是因为我想改变图像的来源，即使鼠标在文本上（反之亦然）。

使用这段代码，我改变了文本的颜色，但是。。。

#menu span:hover { color: #FED766;  }

可能是我在HTML中有一个糟糕的结构。。。？

共1个答案

匿名用户

您可以使用:

null

.myimg{
    content: url(first.png);
}
.myimg:hover{
    content: url(second.png);
}

<div id="menu">
    <span><img class="myimg">Actions</span>
    <span><img class="myimg">Historiques</span>
</div>