selectors

CSS селекторы

Описание задания:

Домашнее задание выполнять в редакторе по ссылке Домашнее задание к лекции «CSS-селекторы»

1. Написать CSS-правила для стилизации календаря таким образом, чтобы фон ячеек выходных дней (только числа) был красного цвета.
2. Написать CSS-правила для блока 2 задания div class="task2" таким образом, чтобы видимыми были только 8 первых блоков.
3. Cделать стилизацию списка внутри div class="task3" таким образом, чтобы четные маркеры были значками @, а нечетные – звездочками (любыми на ваш вкус), а также, чтобы отступы 20px были только между пунктами списка, сверху и снизу списка лишних отступов быть не должно.

Дополнительное задание

Написать CSS-правила таким образом, чтобы внутри блока div class="extra-task" выполнялись условия:

• если в меню 4 пункта, между ними был бы отступ в 30px;
• а если 5 и более – то отступ 10px.

Требования к заданию:

Задачи следует решать только при помощи CSS, менять HTML-разметку заданий нельзя.

Наилучшим вариантом решения будет использование формул, а не перечисление нужных блоков. Задайте себе вопрос: будет ли верно решена задача, если впоследствии понадобится убрать или добавить несколько блоков?

Процесс реализации

1. Прочитать инструкцию по работе с онлайн-редактором Codepen.
2. Зарегистрироваться в Codepen.
3. После регистрации перейти по ссылке https://codepen.io/Netology/pen/dZQeGX.
4. Нажать кнопку Fork.
5. Выполнить домашнее задание.
6. Нажать кнопку Save.
7. Скопировать адрес из адресной строки браузера.
8. В личном кабинете на сайте Нетологии открыть страницу домашней работы и вставить скопированную ссылку в поле «Комментарий к решению».

Никакие файлы загружать не нужно.