Question

我有一个简单的css文件：

.center {
  margin-left: auto;
  margin-right: auto;
  width: 33%;
}

带有几个div的简单HTML：

<div class="center">
  <div> some text here </div>
</div>

现在我期待内部div从父级继承margin和width属性但是没有发生。我正在尝试以适当的方式重新学习CSS，以便对这些看似微不足道但重要的事情感兴趣。感谢

Answer 1

只有某些CSS属性才会继承。

我在这个帖子上借了@Blender的一个列表。的 Which CSS properties are inherited?

azimuth border-collapse border-spacing caption-side color cursor direction elevation empty-cells font-family font-size font-style font-variant font-weight font letter-spacing line-height list-style-image list-style-position list-style-type list-style orphans pitch-range pitch quotes richness speak-header speak-numeral speak-punctuation speak speak-rate stress text-align text-indent text-transform visibility voice-family volume white-space widows word-spacing

Answer 2

Fiddle

<div class="willbeInheritedDiv childDiv">
    some content
</div>

.willbeInheritedDiv
{
    width:300px;
    height:300px;
}

.childDiv
{
    background-color:green;
}

从技术上讲，这不是继承，但你可以提供div类之间的关系，在你的例子中你试图继承宽度，所以这可能会有所帮助

试图理解内部div何时自动从父div继承

2 个答案: