Как при наведении менять цвет css

Чтобы изменить цвет элемента при наведении мышью, нужно использовать псевдо-класс :hover и свойство изменения цвета color или background-color. Вот несколько примеров:

1. Изменить цвет шрифта при наведении:

a:hover {
  color: red;
}

Здесь a — это селектор ссылки, которую нужно изменить. Когда пользователь наводит мышь на ссылку, цвет текста изменяется на красный.

2. Изменить цвет фона блока при наведении:

.box:hover {
  background-color: blue;
}

Здесь .box — это селектор блока, для которого нужно изменить цвет фона. Когда пользователь наводит на блок мышь, цвет фона меняется на синий.

3. Изменить цвет фона блока и цвет шрифта внутри блока при наведении:

.box:hover {
  background-color: blue;
}

.box:hover h2 {
  color: white;
}

Здесь .box — это селектор блока, для которого нужно изменить цвет фона, а h2 — это селектор заголовка, внутри которого нужно изменить цвет текста. Когда пользователь наводит на блок мышь, цвет фона меняется на синий, а цвет текста заголовка становится белым.

Надеюсь, это поможет вам изменить элементы в своем CSS при наведении мышью!