Может кто-нибудь объяснить, что такое ключевое слово inherit, которое нужно сделать в CSS?
Что делает ключевое слово inherit в CSS?
Ответ 1
Он будет использовать то же значение, что и одно свойство, которое имеет его родитель.
HTML:
<body>
<h1></h1>
</body>
CSS
body{
margin: 234px;
}
h1{
margin: inherit; #=234px
}
Обратите внимание на это, если в файле есть несколько экземпляров <h1>
, он берет его за родину. Таким образом, 234px - это не всегда значение, которое оно будет иметь. Например
HTML:
<body>
<h2></h2>
<div>
<h2></h2>
</div>
</body>
CSS
body{
margin: 20px;
}
div{
margin: 30px;
}
h2{
margin: inherit; #20px if parent is body; 30px if parent is div
}
Ответ 2
Я не собираюсь планировать прекрасное объяснение на сайте sitepoint.com, поэтому я просто дам URL здесь: