AngularJS：ビューでディレクティブのスタイルを上書きするにはどうすればよいですか？

Question

私は以下のように私のビュー内でerror-stuffディレクティブを呼び出しています。ディテクティブのパディング15pxを0pxにオーバーライドしようとしていますが、これは動作しません。だから私のdiv1の値とdiv2の値は直線ではありません。なぜなら、div2は私の見解ではより多くのパディングを取るからです。

Error: 
      Oops !!! Its look like something going wrong !!! Please try again later ... 


<div id="div1" class="row"> 
    <div class="pull-left"> 
     <span>Error :</span> 
    </div> 

    <div id="div2" style="padding:0px; vertical-align:top"> 
     <error-stuff></error-stuff> 
    </div> 
</div> 

私app.cssで

<div class="error-class"> 
    <span>Oops !!! Its look like something going wrong !!! Please try again later 
    ... </span> 
</div> 

以下のようにerror-stuffディレクティブ上のHTMLテンプレート

.error-class 
{ 
margin-bottom:20px; 
padding:15px; 
box-sizing:border-box; 
line-height:1.5; 
font-size:15px; 
} 

は、どのように私は直線でDIV1とDIV2コンテンツを作るのですかディレクティブのパディングをオーバーライドすることによって：15pxからパディングまで：0px？ error-stuffを想定し

Answer 1

はどこか別の場所に使用されている、あなたは、グローバルCSSを変更することはできません。この場合、あなたはCSSで親を指定することで、ターゲットとオーバーライドを使用することができます

#div2 .error-class { 
    padding: 0; 
}