Можно одновременно выделить 2 элемента (:hover), если в одном их них есть псевдо-элемент?

Question

[Станислав Григорьев]

Нужно, чтобы при наведение на один элемент подсвечивались оба. Логика что с чем должно подсвечиваться надеюсь понятна https://jsfiddle.net/gsv60/5736owgp/9/

Comments

[tyzberd]

При такой структуре только js

[Станислав Григорьев]

tyzberd, даже если классы сделать не одинаковыми?

[tyzberd]

Станислав Григорьев, в css блоки должны быть или вложенными
div p – элементы p, являющиеся потомками div.
div > p – только непосредственные потомки

или соседними
div ~ p – правые соседи: все p на том же уровне вложенности, которые идут после div.
div + p – первый правый сосед: p на том же уровне вложенности, который идёт сразу после div (если есть).

если бы не было дива с классом header__options-circles тогда можно было бы использовать разные классы и class ~ class

можно поделить на 3 колонки и при hover на каждую подсвечивать потомков, но тогда не знаю или будут работать у вас табы

[Станислав Григорьев]

tyzberd, спасибо за развернутый ответ, буду пробовать

Answer 1

[Даниил Кириллов]

Можно. Можно задавать стили .child (ребенку элемента) если мы навелись на .element (элемент).

Вот пример:

.element:hover {
  color: #333;
}

.element:hover .child {
  color: #fff;
}

Comments

[Станислав Григорьев]

не совсем понимаю как это применить в моем случае

[Даниил Кириллов]

Станислав Григорьев, опишите тогда подробнее задачу, скорее всего я Вас неправильно понял

[Станислав Григорьев]

Кирилл Котов, вы смотрели код? https://jsfiddle.net/gsv60/5736owgp/9/