Интервью с Selectel: как устроен фронтенд, опыт выпускников Академии Записывайтесь на трансляцию 17 июня 2020 в 12:00

Глава 8: Селекторы, часть 2

17 заданий и 3 испытания

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

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