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