css - 要素全体ではなくサブ要素の 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 }

Answer 2

このような：

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

その特定のクラスにのみ適用する必要がある場合:

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