如何覆蓋子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的答案有關於這方面的詳細信息。