Вивчайте Завдання: Практика Структурних Псевдокласів | Модель Коробки CSS та Елементи Відступів

Завдання

Маємо набір елементів, і мета — попрактикувати застосування різних кольорів за допомогою структурних псевдокласів. Ваше завдання таке:

Застосувати колір red до першого елемента за допомогою структурного псевдокласу.
Застосувати колір blue до останнього елемента за допомогою структурного псевдокласу.
Застосувати колір green до кожного другого елемента за допомогою структурного псевдокласу.

index.html

index.css

:first-child: Вибирає першу дочірню сутність батьківського елемента.
:last-child: Вибирає останню дочірню сутність батьківського елемента.
:nth-child(): Вибирає певну дочірню сутність батьківського елемента залежно від її позиції у списку. Наприклад, щоб вибрати кожен другий елемент списку (2, 4, 6 тощо), можна використати :nth-child(2n).

index.html

index.css

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 3. Розділ 6

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Свайпніть щоб показати меню

Застосувати колір red до першого елемента за допомогою структурного псевдокласу.
Застосувати колір blue до останнього елемента за допомогою структурного псевдокласу.
Застосувати колір green до кожного другого елемента за допомогою структурного псевдокласу.

index.html

index.css

:first-child: Вибирає першу дочірню сутність батьківського елемента.
:last-child: Вибирає останню дочірню сутність батьківського елемента.
:nth-child(): Вибирає певну дочірню сутність батьківського елемента залежно від її позиції у списку. Наприклад, щоб вибрати кожен другий елемент списку (2, 4, 6 тощо), можна використати :nth-child(2n).

index.html

index.css

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 3. Розділ 6