Псевдоклассы

Поскольку объекты страницы могут принимать разные состояния, нам нужны конструкции, которые бы позволяли с этими состояниями работать

:hover – псевдокласс, который срабатывает в тот момент, когда над объектом находится курсор. Например если написать в css-файле div:hover { background:red; }

То данный код будет окрашивать div’ы в красный цвет при наведении на них курсора.

:visited – определяет цвет гиперссылки после того как она была «посещена», то по ней произошел переход на сайт. Задание: сделать, чтобы гиперссылки по умолчанию не подчеркивались, а при наведении на них курсора подчеркивание возникало. Посещенные ссылки должны окрашиваться в красный цвет.

:active – срабатывает при клике на объект Задание: есть блок, который при клике увеличивается и держится, пока мы не уберем с него мышь

Контекстные селекторы Благодаря ним, мы можем задавать оформление для вложенных элементов. Например, у нас есть внешний блок с классом big и вложенный блок с классом small .big { background:violet; } .small { background:pink; }

.big .small { //добавляет оформление к классу //.small, если он находится внутри класса big background:orange; }

В результате вложенный блок .small будет оранжевым, а не розовым, потому что он оказался внутри блока .big, и контекстные селекторы добавили к нему новое оформление фона