CSS:需要菜单文本悬停效果(双重样式)帮助。

|| 一直试图弄清楚这一点,并决定看看你们中是否有人可以提供一些启发。 我有一个菜单/导航,页面标题在顶部为粗体,在其下方提供了较浅的描述(请参见下图)。 http://cl.ly/5yiV 将鼠标悬停在上方时,我希望菜单项显示如下: http://cl.ly/5ylG 我想要这样,无论上方的“关于我”还是下方的“我是谁?”都悬停在两行文本上,都可以改变颜色。 目前,我目前只能使任何一条线在悬停时更改颜色。 有人可以帮我解决这个问题吗?     
已邀请:
如果将两个部分都包装成如下链接,则应该能够做到:
<a href=\"#\">ABOUT ME<span>Who Am I?</span></a>
然后,您可以使用如下样式:
a:hover {color:blue;}
a:hover span {color:red;}
您当然会使用类来使用更复杂的样式。.但是您应该从我的简单示例中了解这一点(如果我正确理解了您的问题。) 编辑:工作示例     
一旦您实际上将“悬停”在选定对象上,就会触发“悬停”事件。 如果您要发布的img本身只是一个对象,那么我认为您必须将其分成两部分,然后将它们放在一起,这样就可以将悬停触发器设置到两个对象中,并且得到预期的结果。     

要回复问题请先登录注册