Списки дел

Курсы Основы CSS
1

Добрый день. Делаю задание, в принципе все подходит, но в списке правило с color: red красит и маркеры списка. Каким образом это можно убрать в рамках задания?

image
image.png1098×729 47.8 KB

Прошу прощения, пока писал пост, уже сам допер, что нужно дополнительный селектор p вписать.

3 лайка
2

Да, всё верно. Тогда стили будут применяться не ко всему элементу списка, а только вложенному содержимому.

1 лайк
3

Подскажите пожалуйста, что не так, я же вроде бі правильно разметила, но все таки результат сьезжает.

24%2013-40-49)
Скриншот (2019.09.24 13-40-49).jpg1321×830 240 KB

4

спасибо, вопрос снимается, уже разобралась:

.easy-tasks {
font-size: 18px;
}

.expensive-tasks li {
border: 1px solid #000000;
}

.unreal-tasks p{
color: red;
}

1 лайк
5

Даже с этим кодом и с размером шрифта не совпадает. Почему?

image
image.png1844×552 71.6 KB

6

В задании нужно изменить только селекторы. Свойство font-size должно быть прописано только у .easy-tasks.

7
  1. Чтобы изменился (а именно уменьшился) размер маркера font-size нужно применять элементу списка li, а не к тегу p.
    .expensive-tasks li,.unreal-tasks li{
    font-size: 14px;
    }
  2. Не совпадает еще по причине того, что есть отступы между списками(margin)
    Таким образом, для селектора ul нужно добавить свойство margin: 0;

Тогда будет выполнено на 100%))

8

Рабочий код:
.easy-tasks li, .unreal-tasks li {
border: none;
}

.easy-tasks p, .expensive-tasks p {
color: black;
}

.expensive-tasks ,.unreal-tasks {
font-size: 14px;
}
Хотелось бы увидеть код от создателей курса, а то непонятно насколько правильно сделал ты сам.

2 лайка
9

Вот 100% вариант) Не за что)))

ul {
margin: 0;
}

.easy-tasks li {
font-size: 18px;
}

.expensive-tasks li {
border: 1px solid #000000;
font-size: 14px;
}

.unreal-tasks p {
color: red;
font-size: 14px;
}

10

У меня на сотню сработало только когда разделила .unreal-tasks на li и p. Без форума добить не выходило :(( и на счёт margin как-то до самой не дошло (

11

.easy-tasks li {
font-size: 18px;
}

.expensive-tasks li {
border: 1px solid #000000;
}

.unreal-tasks p {
color: red;
}

100%