span hover in <a> tag

Question

Я использую span внутри тега <a>, и я хотел бы изменить цвет наведения только на текст под <span>, чтобы он переопределял CSS по умолчанию.

В этом примере мне понадобится другой цвет зависания только на тексте диапазона. Как мне определить это в CSS?

Я попытался

#box a:hover span{ 
color: #000;} 

и

#box span:hover{ 
color: #000;} 

оба не будут работать.

Answer 1

Вы можете подключить в :hover псевдо-класс якоря, а затем целевые <span> элемента:

a:hover span { 
    color: red; 
} 

В качестве альтернативы, вы можете также стилизовать :hover псевдо-класс пролета, например:

a span:hover { 
    color: red; 
} 

Answer 2

Просто используйте span:hover как часть вашего селектора (или something:hover span в зависимости от того, что вы на самом деле хотите).