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％。 但是，如果圖像有一個拇指小的類，那么應該沒有最小寬度？ 如何用這個類反轉圖像的行為？

謝謝

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