Как поменять стиль элемента при наведении на него мышкой.

Больше
03 нояб 2023 04:26 #138 от roman
Изменение стиля элемента при наведении на него мышкой можно выполнить с помощью псевдоклассов в CSS.
CSS псевдокласс :hover срабатывает, когда пользователь наводит на элемент мышкой.

Code:
<div class="block"> <div><h1>zagolovok</h1></div> <div><h1>zagolovok</h1></div> </div> <style> .block:hover h1{ color: blue; } </style>
 

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Больше
03 нояб 2023 04:30 #139 от roman
Так же это касается независимых элементов на странице.
например, стиль второго элемента на странице можно поменять при наведении мышкой на первый элемент.

Code:
<div class="f">first</div> <div class="s">second</div> <style> .f:hover~.s {   color: red; } </style>

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Работает на Kunena форум
Пользовательское соглашение.

По всем возникшим вопросам Вы можете обратиться к администрации сайта по электронной почте (administrator@simenergy.ru) или с помощью формы обратной связи.

Статистика сайта:
Яндекс.Метрика