Столкнулся с такой штукой как псевдоклассы, не понимаю что это, для чего они, покажите пожалуйста пример их использования.
Это ключевое слово добавленное к селектору, которое определяет его особое состояние. Как пример можно глянуть :hover, при наведении будут выполнятся определенные стили, например можно так создать эффект вдавленной кнопки.
С помощью псевдоклассов мы можем стилизовать элементы не только в отношении к DOM-дереву но и к внешним факторам, как состояние содержимого (:checked) позиции курсора мыши (:hover)
Вот пример работы псевдокласса :hover:
<div class="example">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis culpa dolor eveniet expedita inventore ipsam iste, laboriosam nemo omnis quod!
.example {
background-color: #18a3dd;
color: #4CAF50;
height: 380px;
width: 200px;
}
.example:hover {
background-color: #34648a;
color: #3d385a;
}
Тут есть два стиля, первый стиль отвечает за обычное поведение данного блока, второй блок отвечает за поведение блока при наведении на блок курсора мыши.