一段时间以来,我一直在努力解决这个问题,并决定看看你们中是否有人可以提供一些关于这个主题的信息。
我有一个菜单/导航,页面标题在顶部以粗体显示,下面是较浅的描述(见下图)。
悬停时,我希望菜单项显示如下:
我想要它让两行文本都改变颜色,无论是顶部的“关于我”还是底部的“我是谁?”悬停在。
目前,我目前只能让任一条线在悬停时改变颜色。
谁能帮我解决这个问题?
最佳答案
如果你将两个部分都包装成一个链接,你应该能够做到这一点:
<a href="#">ABOUT ME<span>Who Am I?</span></a>
然后你可以使用这样的样式:
a:hover {color:blue;}
a:hover span {color:red;}
你当然会使用类来使用更复杂的样式..但你应该从我的简单示例中得到要点(如果我正确理解你的问题。)
关于CSS:需要菜单文本悬停效果(双重样式)帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5655130/