Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

(HTML/CSS) Как при взаимодействии с одним элементом поменять стили другого?

Энди Знаток (474), на голосовании 11 месяцев назад
Допустим я хочу, чтобы при наведении мышкой на одно окно, другие меняли свой цвет. Искал на других форумах, но внятного ответа я так и не нашел. Есть шарящие за это? Или все таки тропинкой Javascript-а?
Голосование за лучший ответ
_ Искусственный Интеллект (834614) 1 год назад
только через JS. Больше никак
Матвей Козлов Профи (706) 1 год назад
Возможно, наиболее эффективным и практичным решением будет использование JavaScript для реализации данной функциональности. Однако, с CSS также можно добиться того, чтобы другой элемент менял свои стили при взаимодействии с одним элементом.

Пример:
HTML:
```
<div id="window1">Окно 1</div>
<div id="window2">Окно 2</div>
```

CSS:
```css
#window2 {
background-color: blue;
}

#window1:hover + #window2 {
background-color: red;
}
```

В данном примере, при наведении мышкой на элемент с `id="window1"`, стиль элемента с `id="window2"` меняется на `background-color: red;`.

Однако, данный метод имеет некоторые ограничения и может не подойти для более сложных случаев. В таких ситуациях наиболее рекомендуемым вариантом будет использование JavaScript.
Денис ЕрошинМастер (1693) 1 год назад
Матвей спасибо за пример, вообще супер!!!
Орест Орестович Знаток (473) 1 год назад
Так попробуй:
  
Ведущий



Ведомый
ЭндиЗнаток (474) 1 год назад
Работает, но почему-то только если в HTML "ведомый" стоит перед "ведущим". Очень странно.
ЭндиЗнаток (474) 1 год назад
Ой, точнее ведомый ПОСЛЕ ведущего.
Похожие вопросы