Как измененить css свойста объекта, при наведении на другой?

Question

[hohopro35]

Как я могу изменить свойста объекта, например background, при наведении на другой объект?

Answer 1

[Vladislav]

.selector:hover + . block { background: #000;}
При том block должен быть соседним элементом в DOM относительно элемента, на котором происходит ховер
https://webref.ru/css/selector/adjacent
https://webref.ru/css/selector/sibling

Comments

[historydev]

Не с соседним, а буквально следующим. С соседними работает оператор ~
.selector:hover ~ . block { background: #000;}

[historydev]

И важно уточнить что css не умеет "вверх" или "влево", чтобы человек не пытался получить блок который выше текущего

[hohopro35]

Владимир, а если элемент находится внутри объекта? Даже не так.. Что если элемент находится внутри блока, который находится внутри объекта на который наводится курсор?

[Vladislav]

hohopro35, вариант только js через event.target

[historydev]

hohopro35, в таком случае чистый css не поможет, используйте js parentNode и вешайте через него hover слушатель, следом добавляете класс в css и вешаете его на блок

Answer 2

[Spaceoddity]

Если элемент на котором триггерится ховер вложенный или соседний по отношению к тому, свойства которого надо изменить то через css-селекторы (контекстный, >, +, ~ и т.п.). Если нет, то через JS.