Добрый день друзья, в этом уроке, мы рассмотрим понятие псевдоэлемента CSS и выясним, какую функцию выполняет каждый из них. Разницу между псевдоклассом и псевдоэлементом смотрите в конце статьи.
Псевдоэлементы — это специальные команды, с помощью которых можно реализовывать выборку части элемента и задания им CSS-свойств, также можно создавать часть элемента.
При изучении псевдоклассов CSS, чаще всего не понятна разница между :nth-child и :nth-of-type, давайте проясним её.
Допустим нам нужно в HTML-документе, выбрать второй абзац статьи и сделать его фон серым:
Добрый день, друзья, сегодня разберём понятие псевдокласса в языке CSS (разницу между псевдоклассом и псевдоэлементом смотрите в конце статьи).
Псевдоклассы — это специальные команды, с помощью которых можно реализовывать более тонкую выборку элементов и задавать им CSS-свойства, а также воспроизводить некоторые анимационные эффекты.
Обычная схема псевдокласса в CSS, выглядит следующим образом:
Контекстные селекторы в CSS — это выборка потомков элемента.
Схема контекстного селектора выглядит следующим образом:
селектор селектор {
css-свойства: значения;
}
В данной статье рассмотрим CSS-свойства, форматирующие шрифт контента сайта.
font: