Wie Sie Inline-Stile in einem untergeordneten div überschreiben?

-1

Ich habe zwei div s wie unterWie Sie Inline-Stile in einem untergeordneten div überschreiben?

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

Jetzt im child div sehe ich einen Stil height mit einigen Pixel genannt, wenn ich es untersuchen. Ich bin überrascht, wie es nicht auf die Eltern div angewendet wird.

Ich möchte den Stil zu 100px von seiner 30px übersteuern.

Meine Anwendung ist eine eckige und css3 html5, Web-API-basierte App.

Wie geht das?

Ich habe versucht, diese

div[style] { 
height: 100px; 
}

Quelle

2016-07-05 Learner

Das Kind div hat eine Klasse korrekt? – Kramb

zeigen Sie uns Ihre CSS – dippas

Ja, das ist richtig. Aber wenn ich inspiziere, ist der Stil nicht von der Klasse, es wird injiziert (Inline) von irgendwo, weiß nicht wo. Aber meine Anforderung ist, ich möchte diesen Stil = "Höhe: 30px" als 100 PX machen. – Learner

Wenn Sie das Inline-Stil sagen dynamisch eingefügt werden, und Sie wissen nicht, wie Sie nicht (Sie wirklich debuggen sollten, bis Sie herausfinden, wie eingesetzt wird) ändern dann als Inline-Styling genauer sein, nur !important

HINWEIS dies ist eine der extremen Fälle mit, dass !important verwendet werden soll. Ansonsten AVOID IT

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

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

Sie eine Antwort von mir sehen here mit mehr Details zu diesem Thema.

Quelle

2016-07-05 23:42:25 dippas

vielen Dank, es hilft mir, gibt es jedoch eine Möglichkeit, um den Button in meinem HTML an einem festen Ort zu sein? Anstatt dass es dynamisch verschoben wird, wenn mehr Elemente eingefügt werden – Learner

Ich verstehe nicht vollständig, können Sie eine Geige bereitstellen? – dippas

Wie Sie Inline-Stile in einem untergeordneten div überschreiben?

Antwort

Verwandte Themen