Как по наведению на элемент проверить наличие дочернего элемента с определенным классом?

Question

[MashutaKlencheva]

Задача состоит в следующем. Мы имеем список элементов, при наведении на каждый из которых цвет текста меняется на красный. Среди них есть элемент, в который вложена ссылка с определенным классом. Как правильно обратиться к такому элементу, чтобы задать ему другое правило при наведении.
Важно присутствие дочернего элемента именно с классом, а не просто селектора.
https://codepen.io/mashutaklencheva/pen/mdXbwOa

Answer 1

[Ivan Bogachev]

В светлом будущем для решения этой задачи у нас будет :has. Но пока что о кроссбраузерности там речи не идет. В текущем состоянии CSS нет селектора, который бы позволил сделать тот же эффект. Но в контексте вашей задачи никто не мешает самим item сделать классы-модификаторы.

Comments

[MashutaKlencheva]

Задача не совсем полная, так как присутствие ссылки в элементе списка зависит от действий пользователя.
Поэтому решить задачу с помощью модификаторов, к сожалению, невозможно :(

[Ivan Bogachev]

MashutaKlencheva, Кто мешает в зависимости от действий пользователя добавлять модификаторы?

[MashutaKlencheva]

Ivan Bogachev, хотела узнать о возможности решения без js, только средствами css.

Answer 2

[Елизавета]

К такому элементу нужно обратиться через js.

Comments

[MashutaKlencheva]

спасибо, в идеале хотела узнать о возможности обращения из css.
если такой возможности нет, нужно менять условия.