AngularJS: Wie überschreibe ich den Stil der Direktive aus meiner Sicht?

Question

Ich rufe Direktive aus meiner Sicht wie unten an und ich versuche, das Auffüllen der Richtlinie 15px zu 0px in meiner Ansicht zu überschreiben, die nicht funktioniert. Also sind der Wert und die Werte von div2 für div1 nicht in einer geraden Linie, da div2 in meiner Sicht mehr Polsterung benötigt.

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> 

Die HTML-Vorlage auf der error-stuff Richtlinie wie unten

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

in meinem app.css

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

Wie mache ich div1 und div2 Inhalt in einer geraden Linie durch Überschreiben der Anweisungen padding: 15px to padding: 0px?

Answer 1

error-stuff Unter der Annahme, woanders verwendet, und Sie können die globale CSS nicht ändern, in diesem Fall können Sie eine gezielte Überschreibung verwenden, indem die Eltern in CSS Angabe

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