Question

一直试图想出这个问题，并决定看看你们中是否有人可以对这个主题有所了解。

我有一个菜单/导航，页面标题在顶部以粗体显示，下面有一个较浅的描述（见下图）。

当盘旋时，我希望菜单项显示如下：

我希望它能让两行文字都改变颜色，无论顶部是“关于我”还是底部“我是谁？”徘徊。

目前，我目前只能在悬停时让任何一条线改变颜色。

有人可以帮我解决这个问题吗？

Answer 1

如果将两个部分都包含在以下链接中，您应该可以这样做：

<a href="#">ABOUT ME<span>Who Am I?</span></a>

然后你可以使用样式：

a:hover {color:blue;}
a:hover span {color:red;}

你当然会在使用类时使用更加柔和的样式..但你应该从我的简单例子中得到重点（如果我理解你的问题。）

Answer 2

一旦您实际“悬停”在选定对象上，就会触发“悬停”事件。如果您发布的img本身只是一个对象，我认为您必须将它分成两部分然后将它们放在一起，这样您就可以将悬停触发器设置为两个对象，您将得到所需的结果