如何解决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本身只是一个对象,那么我认为您必须将其分成两部分,然后将它们放在一起,这样就可以将悬停触发器设置到两个对象中,并且得到预期的结果。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。