Как сделать выделение siblings эмелентов при помощи scss?

Question

[Павел]

Есть 3 (siblings) блока, как мне сделать, чтобы при наведении на первый и третий блок, в третьем что-то менялось? Вот пример jsfiddle Пытался ограничить через .not(.second-container) но не срабатывает

Answer 1

[Михаил]

.first-container:hover ~ .third-container,
.third-container:hover {
  background-color: red;
}

Comments

[Павел]

спасибо