CSS überschreiben Breite und Höhe Attribut. Warum?

Question

Wenn ich ein Bild mit den Attributen width und height habe, überschreibt meine CSS diese Attribute, aber wenn ich Inline-Stile mit Breite und Höhe habe, überschreibt meine externe CSS nicht die Inline-Stile. Warum?

Beispielcode ohne Zusatz von CSS:

<img class="pic" src="http://cdn.cutestpaw.com/wp-content/uploads/2012/07/l-Wittle-puppy-yawning.jpg" width="100" height="100" />

Beispielcode mit zusätzlichen CSS:

.pic { 
 
    width: auto; 
 
    height: auto; 
 
}

<img class="pic" src="http://cdn.cutestpaw.com/wp-content/uploads/2012/07/l-Wittle-puppy-yawning.jpg" width="100" height="100" />

Beispielcode mit i nline Stil:

.pic { 
 
    width: auto; 
 
    height: auto; 
 
}

<img class="pic" src="http://cdn.cutestpaw.com/wp-content/uploads/2012/07/l-Wittle-puppy-yawning.jpg" style="width: 100px; height: 100px" />

Answer 1

Für Zwang einer Eigenschaft wie "Breite" verwendet, um direkt im HTML-Tag auf diese Weise "div style =" width: 100" ist notwendig, dass Sie setzen wichtig nach Ihr CSS-Code, zum Beispiel so etwas:

.pic { 
    width: auto!important; 
    height: auto!important; 
}