mattkrebs Ответов: 1

Может ли section:hover{} повлиять на другой HTML-элемент?

I know when in your CSS you write section:hover {} all of the things inside the curly brackets will apply to the "section"

Is there a way to impact a different part of your html like for example if I wanted a text to disappear maybe I would write "(text) display:0;"

If it is possible to have a different element be impacted I would like to know how you get that done.

Thanks. 
Matt


Что я уже пробовал:

Искали повсюду, но безуспешно.

1 Ответов

Рейтинг:
1

Richard Deeming

Это зависит от того, как другой элемент связан с разделом.

Если это элемент-потомок, вы можете написать:

section:hover your-element-selector { display: none; }

Если это родственный элемент, который следует за разделом, вы можете написать:
section:hover ~ your-element-selector { display: none; }

Если это где-то еще в документе, то вам придется использовать Javascript.

Descendant combinator - CSS: Каскадные Таблицы Стилей | MDN[^]
General sibling combinator - CSS: Каскадные Таблицы Стилей | MDN[^]