Наследование и каскадирование / Принудительное наследование [7/18]
×

Принудительное наследование [7/18]

Для каждого свойства может быть задано значение inherit.

Оно означает, что данное свойство принимает такое же значение, как и у родительского элемента. Значение inherit может быть использовано для усиления наследуемых значений, а также в свойствах, которые обычно не наследуются.

Запись выглядит следующим образом:

p {
    background: inherit;
}

В данном случае у тегов p свойство background будет таким же, как и у их родительских тегов.

Хотите получать макеты для тренировки? Подписывайтесь на полезную рассылку!

Выполнить задание
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> <p>Первый список</p> <ul class="first-list"> <li>Первый элемент списка</li> <li>Второй элемент списка</li> <li>Третий элемент списка</li> </ul> <p>Второй список</p> <ul class="second-list"> <li>Первый элемент списка</li> <li>Второй элемент списка</li> <li>Третий элемент списка</li> </ul> </body> </html>
CSS
body { font-family: "PT Sans", sans-serif; } ul { margin: 5px; padding: 5px; list-style: none; border: 1px solid #666666; }
HTML Academy

Для элементов списка .second-list задайте значение inherit:

  1. Cвойству border.
  2. Cвойству margin.
  3. Cвойству padding.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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