Froggyweb

Потому что перед ним два тега используй ~

css не умеет обращаться к родителю. Используй js

#div1 .div2:hover #div1 .div2 .div3
Как перевести эту строку?
Магии нет, есть мошенничество
в блоке #div1 нет вложенного #div1 кроме того ид может быть только один на странице....

#div1 .div2 так писать не надо
#div1 .div2 .div3 - за это нужно отстреливать
#div1 .div2:hover #div1 .div2 .div3 это.....

Можно написать &__option
,и тебе понравится и стили будут как надо

Смотреть в сторону reflow и repaint https://developers.google.com/web/fundamentals/per...

https://www.google.by/search?q=cursr+color+css&oq=...

В разделе пожаловаться есть пункт ответ легко ищется в гугле