Розуміння наведення та псевдокласу :hover у CSS

Наведення означає стан елемента, коли на нього наведено вказівник миші. Коли елемент наводиться курсором, він зазвичай виділяється або підкреслюється певним чином, щоб вказати, що це поточний вибраний або фокусований елемент.

У HTML і CSS ви можете використовувати псевдоклас `:hover`, щоб визначити стилі для елементів, коли вони наведені. Наприклад, ви можете використати псевдоклас `:hover`, щоб змінити колір фону елемента, додати тінь або змінити його оформлення тексту.

Ось приклад того, як ви можете використовувати псевдоклас `:hover` у CSS:
```
#my-element:hover {
background-color: #ff0000; /* червоний фон під час наведення курсора */
}
```
Це застосовуватиме стилі, визначені в блоці `:`, до будь-якого елемента з ідентифікатором `my-element`, коли на нього наводиться курсор. Ви також можете використовувати псевдоклас `:hover` для інших селекторів, таких як класи або елементи, щоб застосувати стилі до певних типів елементів, коли на них наводиться курсор.