- Теория
- Теория
Основы CSS, закрепление 2. Списки дел
На досуге вы начали верстать списки дел по дому. Вы решили разделить их на три списка: простые дела, дорогостоящие дела и совсем нереальные дела (на далёкое будущее).
Пока вы ходили пить чай на кухню, начинающий дизайнер Кекс сел за компьютер и набросал немного стилей к разметке. Потом его отвлекли птицы за окном, и он ушёл, не закончив дело.
В чём проблема? Кекс использовал селекторы по тегам, и правила применились ко всем спискам и их дочерним элементам сразу. В то время как вы задумывали стилизовать три списка тремя разными способами.
То есть остаётся дописать стили таким образом, чтобы к трём спискам применялись отдельные правила. Для этого можно воспользоваться классами из разметки.
Решение
Решение испытания будет доступно через несколько минут. Используйте его, если возникнут сложности. А пока попытайтесь пройти испытание самостоятельно.
.easy-tasks {
font-size: 18px;
}
.expensive-tasks li {
border: 1px solid #000000;
}
.unreal-tasks p {
color: red;
}
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.