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作出反应。希望这能让你走上正轨。

对吧,比如?我太笨了,谢谢:)没问题,我们大家都会遇到这样的事…:-)