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

Question

我有两个div就像下面

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

现在在child DIV，我看到了一些所谓的像素时height我检查它的风格。我很惊讶它不适用于父母div。

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

我的应用程序是一个角度和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的答案有关于这方面的详细信息。