×

Наследование [2/18]

Наследование в CSS — механизм, с помощью которого значения свойств элемента-родителя передаются его элементам-потомкам.

Стили, присвоенные некоторому элементу, наследуются всеми потомками (вложенными элементами), если они не переопределены явно. Например, размер шрифта и его цвет достаточно применить к body, чтобы все элементы внутри имели те же свойства.

Наследование позволяет сократить размер таблицы стилей, но если стилей много, то отследить какой родительский элемент установил некоторое свойство, становится сложнее.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <title>Наследование</title> <meta charset="utf-8"> <link href="https://fonts.googleapis.com/css?family=PT+Sans:400&subset=cyrillic" rel="stylesheet" type="text/css"> </head> <body> <h1>Заголовок</h1> <ul> <li>Пункт списка</li> <li>Пункт списка</li> <li>Пункт списка</li> </ul> <p>Текст первого параграфа.</p> <p>Текст второго параграфа.</p> </body> </html>
CSS
body { font-family: "PT Sans", sans-serif; } li { }
HTML Academy
  1. Для всего текста на сайте установите цвет шрифта color: #2980b9; и размер шрифта font-size: 12px;.
  2. Переопределите цвет элементов списка на #1abc9c.
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.