Как изменить цвет при наведении?

Question

[karinar]

Здравствуйте! Подскажите пожалуйста, как реализовать следующий блок(картинка)

<span>Ключевыми направлениями нашего бизнеса являются <a class="text-container1">стратегический брендинг</a> и разработка <a class="text-container"> digital проектов.</a></span>

Answer 1

[Сергей delphinpro]

Ну это же элементарно...

.text-container1:hover {
  color: white;
}

Comments

[karinar]

Нет, нужно чтобы при наведении на тег ссылки, менялся цвет текста
Изначально весь текст белый,
А при наведении на ссылку, он меняется на серый

[Сергей delphinpro]

karinar, Интересно, а почему вы это сразу в вопросе не написали? Мы догадаться были должны?

[Сергей delphinpro]

karinar, такое можно решить с помощью селектора :has, но учтите, что он полноценно заработал в FireFox только в декабре 2023 года, в остальных браузерах - раньше.

span {
  color: white;
}
span a {
  color: white;
}
span a:hover {
  color: white;
}
span:has(a:hover) {
  color: gray;
}

[Евгений Мартынов]

Сергей delphinpro, всё было бы гораздо труднее, если бы нужно было подсветить например 2 слова, без вспомогательных тегов