如何覆盖子div中的内联样式？

Question

我有两个div，如下所示

<div class="parent">
  <div class="child">
  </div>    
</div>

现在在child div中，当我检查它时，我看到一个名为height的样式带有一些像素。我很惊讶它没有应用于父div。

我想从100px覆盖30px的样式。

我的应用程序是一个角度和css3 html5，基于web api mvc的应用程序。

怎么做？

我试过这个

div[style] {
 height: 100px;
}

Answer 1

如果你说内联样式是动态插入的，你不知道你怎么不能改变（你真的应该调试，直到你发现如何插入）然后比内联样式更具体，只使用!important

注意这是应该使用!important的极端情况之一。否则避免

.child {
  background: red;
  height: 100px !important;
  width: 100px
}

<div class="parent">
  <div class="child" style="height: 30px">
  </div>
</div>

您可以看到我的答案here，其中包含有关此主题的更多详细信息。