Question

我正在制作Tumblr主题，我必须发挥创意，使我的网页看起来也像我想要的那样。

我遇到的一个问题是，我希望在单个页面上的任何图像上都有绿色边框和最大宽度为150，但单个页面的模板用于索引页面上的文本帖子，因此我的索引页面图像被设置为具有边框，最大宽度为150px，这是不正确的。

幸运的是，tumblr上有一个代码可以让我执行某些人正在查看索引页面的代码。那么有什么方法可以制作第二个div来否定第一个div中的边界和大小规则？这是我的代码：

.text img{ //for individual pages
    max-width:150px;
    padding: 3px;
    margin: 0 5px 3px 0;
    border: 3px solid #52B472;
}

.notpage img{ //for index page
    max-width: 500px;
    border: none;
    margin: 0px;
            padding: 0px;
}

HTML：

<div class="text">
    <div class="notpage">
        In a perfect world, there would be no borders or max width on images in this div.
    </div>
</div>

可悲的是，'text'div中的CSS会进入'notpage'div。那么有没有人知道我可以否定嵌套div中第一个div的CSS？

Answer 1

尝试更改

.notpage img{ //for index page

到

.text .notpage img{ //for index page

如果这不起作用，请尝试：

max-width: 500px !important;
border: none !important;

但这不是很好的做法。

在嵌套的DIV中停止图像边框

1 个答案: