CSS Hover屬性在子元素而不是整個元素上

Question

希望這是有道理的 - 我的HTML如下

HTML

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

其中css只是顏色信息。 我想要做的就是這樣做，當你將鼠標懸停在整個鏈接上時，只有“子”信息受到懸停屬性的影響。 雖然這在javascript中很容易做到，但我很好奇css是否允許這種行為。 如果我試着寫這個可能看起來像

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

但是我從來沒有見過這樣的東西，顯然它不起作用

Answer 1

a:hover .sub { color: newcolor }

Answer 2

像這樣：

a:hover .sub { color: #f00; }

如果您只需要將它應用於該特定類：

a.someclass:hover .sub { color: #f00; }