Атрибут Hover CSS на подэлементе, а не на весь элемент

Question

Надеюсь, это имеет смысл - мой HTML выглядит следующим образом

HTML

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

, где css - просто информация о цвете. Я хотел бы сделать так, чтобы при наведении указателя мыши на ссылку в целом только атрибут «sub» влиял на атрибут 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; }