CSS中的inherit关键字是什么?

前端之家收集整理的这篇文章主要介绍了CSS中的inherit关键字是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人可以解释一下,CSS中继承关键字是什么意思?

解决方法

它将使用与其父级具有相同属性的相同值。

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
}
原文链接:https://www.f2er.com/css/218397.html

猜你在找的CSS相关文章