Загрузка...

Курс HTML/CSS Advanced | CSS псевдоклассы (pseudo classes): Как задавать стили для HTML-элементов

В этом уроке я расскажу про псевдоклассы (pseudo classes) и псевдоэлементы (pseudo elements): ::before, ::after, :first-child, :last-child, :hover, :active, :focus, :first-of-type, :last-of-type, :nth-child, :not и другие.

Проходи этот курс с интерактивными упражнениями на сайте FructCode:
https://fructcode.com/ru/courses/html-and-css-advanced/?utm_source=yt&utm_medium=yt_html_adv_bacis_css_15&utm_campaign=yt_html_adv_bacis_css_15

Новые уроки каждую неделю!
Мы в социальных сетях:
Facebook: https://www.facebook.com/fructcodecom/
Instagram: https://www.instagram.com/fructcodecom/
Vk: https://vk.com/fructcodecom
Telegram: https://t.me/fructcode
Содержание видео:
0:00 Введение в Pseudo Classes и Pseudo Elements
0:41 Псевдокласс :hover
2:12 Псевдокласс :active
3:49 Псевдокласс :focus
4:54 Псевдокласс :required
6:05 Псевдокласс :disabled
6:41 Псевдокласс :first-child
7:38 Псевдокласс :last-child
10:06 Псевдокласс :first-of-type
12:35 Псевдокласс :last-of-type
13:13 Псевдокласс :nth-child
15:38 Псевдокласс :only-child
17:12 Псевдокласс :not
18:30 Псевдоэлемент ::before
20:05 Псевдоэлемент ::after
---
#html​​, #css​​, #fructcode​​, #никонов​​, #nikonov​​, #верстка​ #basiccss, #styles, #псевдоклассы, #psuedo_classes, #псевдоэлементы, #psuedo_elements, #::before, #::after, #:first-child, #:last-child, #:hover, #:active, #:focus, #:first-of-type, #:last-of-type, #:nth-child

Видео Курс HTML/CSS Advanced | CSS псевдоклассы (pseudo classes): Как задавать стили для HTML-элементов канала FructCode
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять