子元素而不是整个元素的 CSS Hover 属性

Question

希望这是有道理的——我的 html 如下

html

<a href="#" class="someclass">An <span class="sub">Interesting</span> Link</a>

其中 css 只是颜色信息。我想做的是，当您将鼠标悬停在整个链接上时，只有“子”信息会受到 hover 属性的影响。虽然这在 javascript 中很容易做到，但我很好奇 css 是否允许这种行为。如果我尝试写这个，它可能看起来像

a:hover{
    .sub{color:newcolor};
}

但是我从来没有见过这样的东西，显然它不起作用

Answer 1

a:hover .sub { color: newcolor }