Вивчайте Завдання: Практика зі Структурними Псевдокласами | Модель Коробки 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

Запитати АІ

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

Completion rate improved to 2.56

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

Застосувати колір 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