комфортно войти в IT обучаясь профессии «Фронтенд-разработчик» стартуй в IT с выгодной скидкой 50%

Часть 1: Селекторы. Погружение

17 заданий, 3 испытания, 2 конспекта

Рассмотрим продвинутые селекторы, такие как :nth-last-of-type или :only-child. Также научимся использовать псевдоэлементы, такие как ::before и ::after.

Оформить подписку
Объединение селекторовЗадание
Псевдокласс :notЗадание
Комбинируем :notЗадание
Псевдокласс :nth-last-childЗадание
Псевдокласс :first-of-typeЗадание
Псевдокласс :last-of-typeЗадание
Псевдокласс :nth-of-typeЗадание
Псевдокласс :nth-last-of-typeЗадание
Конспект «Селекторы. Погружение». Раздел 1Конспект
Испытание: первая раскладкаИспытание
Селектор последующих элементовЗадание
Псевдокласс :emptyЗадание
Псевдокласс :only-childЗадание
Псевдокласс :only-of-typeЗадание
Псевдоэлемент ::beforeЗадание
Псевдоэлемент ::afterЗадание
Позиционирование псевдоэлементовЗадание
Фон для псевдоэлементовЗадание
Псевдоэлементы ::first-line и ::first-letterЗадание
Конспект «Селекторы. Погружение». Раздел 2Конспект
Испытание: псевдоэлементыИспытание
Испытание: вторая раскладкаИспытание