Html 悬停影响两个元素
我有问题。我无法强制代码同时悬停在Html 悬停影响两个元素,html,css,Html,Css,我有问题。我无法强制代码同时悬停在h3和div“下划线”上 这是我的密码: 正如您所看到的,悬停正在工作,但不会同时影响下划线,除非您将光标移动到下划线上,请尝试更改此选项: .underline:hover { background-color: red; } 为此: a:hover .underline { background-color: red; } 基本上,我们移动两个:悬停事件以触发同一动作。在本例中,将鼠标悬停在父标签上。 …fiddle不使用您的确切样式,但
h3
和div
“下划线”上
这是我的密码:
正如您所看到的,悬停正在工作,但不会同时影响下划线,除非您将光标移动到下划线上,请尝试更改此选项:
.underline:hover {
background-color: red;
}
为此:
a:hover .underline {
background-color: red;
}
基本上,我们移动两个:悬停事件以触发同一动作。在本例中,将鼠标悬停在父标签上。
…fiddle不使用您的确切样式,但我认为在h3上使用伪元素(:after
)会更容易。这样,它自然会对h3作出反应。希望这能让你走上正轨。对吧,比如?我太笨了,谢谢:)没问题,我们大家都会遇到这样的事…:-)