Как переопределить встроенные стили в дочернем 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 следует использовать. В противном случае ИЗБЕЖАТЬ IT

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

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

Вы можете увидеть мой ответ here с более подробной информации относительно этого предмета.