Зміст курсу
Основи CSS
Основи CSS
Челендж: Структурні Псевдокласи
Завдання
Ми працюємо з набором елементів, і наша мета - попрактикуватися у застосуванні різних кольорів за допомогою структурних псевдокласів. Ваше завдання полягає в наступному:
- Застосуйте колір
red
до першого елементу з допомогою структурного псевдокласу. - Застосуйте колір
blue
до останнього елементу з допомогою структурного псевдокласу. - Застосуйте колір
зелений
до кожного другого елементу, використовуючи структурний псевдоклас.
index
index
index
:first-child
: Спрямований на перший дочірній елемент батьківського елемента.:last-child
: Обирає останнього дочірнього елемента батьківського елемента.:nth-child()
: Вибирає певний дочірній елемент батьківського елемента на основі його позиції у списку. Наприклад, щоб вибрати кожен другий елемент списку (2, 4, 6 і т.д.), ви можете використовувати:nth-child(2n)
.
index
index
index
Все було зрозуміло?
Дякуємо за ваш відгук!
Секція 3. Розділ 6