css min-width und max-width?

Question

.post-body p img { 
    min-width:100%; 
    margin-bottom:15px; 
} 
.post-body p img.thumb-small { 
    min-width:auto !important; 
    max-width:100%; 
    margin-bottom:15px; 
} 

Ich möchte, dass alle meine Bilder innerhalb des Post-Body-P 100% Breite haben. Wenn das Bild jedoch eine Klasse von kleinen Daumen hat, sollte es keine minimale Breite geben? Wie kann ich dieses Verhalten für Bilder mit dieser Klasse umkehren?

danke

Answer 1

Wie kann ich das Verhalten für Bilder mit dieser Klasse umkehren?

.post-body p img.thumb-small { 
    min-width:0; 
    } 

Answer 2

könnten Sie geben nur eine min-width von Null für die Thumbnails:

.post-body p img.thumb-small { 
    min-width: 0; 
    max-width: 100%; 
    margin-bottom: 15px; 
} 

Sie die !important nicht brauchen. Die Stilregel ist spezifischer und hat daher Vorrang.

Answer 3

Habe es nicht überprüft, aber

min-width: 0; 

sollte funktionieren, keine Notwendigkeit für! Important, sind Sie bereits die Regel mit der zusätzlichen Klasse überschreiben.

Answer 4

min-width: inherit