2016-07-05 4 views
-1

私はchildのdivで今子divのインラインスタイルをオーバーライドする方法は?

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

以下のような2 div秒を持って、私はそれを検査する際、いくつかのピクセルでheightと呼ばれるスタイルを参照してください。私は親にdivを適用しなかったことに驚いています。

30pxからスタイルを100pxに上書きしたいとします。

私のアプリケーションは、角度のあるcss3 html5、web api mvcベースのアプリケーションです。

どうすればよいですか?

私はあなたがインラインスタイルを動的に挿入されており、あなたが変更することはできません方法を知らないと言うなら(あなたが挿入されている方法を見つけるまで、あなたが本当にデバッグする必要があります)この

div[style] { 
height: 100px; 
} 
+0

子divには正しいクラスがありますか? – Kramb

+0

あなたのCSSを表示 – dippas

+0

はい、正しいです。しかし、私が検査すると、そのスタイルはクラスからではなく、どこからでも注入されている(インライン)、どこがわからないのか。しかし、私の要件は、私はそのスタイル= "高さ:30px"を100個のPXにしたいと思っています。 – Learner

答えて

1

を試してみましたそして、これだけは!importantが使用されることを極端なケースの一つである!important

NOTEを使用して、インラインスタイリングより具体的にします。それ以外の場合はAVOID IT

.child { 
 
    background: red; 
 
    height: 100px !important; 
 
    width: 100px 
 
}
<div class="parent"> 
 
    <div class="child" style="height: 30px"> 
 
    </div> 
 
</div>

あなたはこのテーマに関する詳細な情報を持つ鉱山hereの答えを見ることができます。

+0

非常にありがとう、それを参照してくださいかなりインラインですしかし、そこには、私のhtmlのボタンを固定場所にする方法はありますか?より多くの要素が挿入されていると動的にシフトするよりもむしろ – Learner

+0

私は完全に理解していません、あなたはフィドルを提供できますか? – dippas

関連する問題