Можно ли такое сделать средствами css?

Question

[ZaurK]

Здравствуйте!
Есть два блока

<div class="block1"></div>
<div class="block2"></div>

Задача в том. чтобы при наведении на один блок, менять например цвет другого. Можно ли такое сделать средствами css или less? И если можно, подскажите, пожалуйста как.

Comments

[Ярослав Иванов]

на css или less нельзя. Только на scss или sass
Почитай про hover и селектор "+"

Answer 1

[Igor Koch]

<div class="a">Div A</div>
<div class="b">Div B</div>

.a:hover + .b { /* .a:hover ~ .b - если между элементами есть другие элементы */
    background: #007ffa;
}

Comments

[ZaurK]

Спасибо)

[Eugene]

Так — .a:hover + .b знал.
Но фишка с тильдой... — блеск, треск, иммер элеган :)

Igor Koch, спасибки большие!

Answer 2

[Brake Made]

Можно, сделал простейший пример :)
https://codepen.io/Guiseppe/pen/rJmbNB

Comments

[ZaurK]

Благодарю)

[Brake Made]

ZaurK, Пожалуйста:)