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%. Однако, если изображение имеет класс thumb-small, не должно быть минимальной ширины? Как я могу изменить это поведение для изображений с этим классом?

спасибо

Answer 1

min-width: inherit

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

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

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