css min-width и 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; 
} 

Я хочу, чтобы все мои изображения внутри пост-тела p были минимальной шириной 100%. Однако, если изображение имеет класс большого пальца, не должно быть NO min-width? Как я могу отменить это поведение для изображений с помощью этого класса?

спасибо

Answer 1

, как я могу изменить это поведение для изображений с этим классом?

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

Answer 2

Вы можете просто указать min-width нуля для миниатюр:

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

Вам не нужно !important. Правило стиля более конкретное, поэтому оно будет иметь приоритет в любом случае.

Answer 3

Не проверял, но

min-width: 0; 

должен работать, нет необходимости для! Важно, вы уже отменяя правило с дополнительным классом.

Answer 4

min-width: inherit