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

css min-width和max-width？

4 个答案: