0

我正在制作一个 Tumblr 主题,我必须要有创意才能让我的页面看起来也像我想要的那样。

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

幸运的是,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吗?

4

1 回答 1

1

尝试改变

.notpage img{ //for index page

.text .notpage img{ //for index page

如果这不起作用,请尝试以下操作:

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

不过,这不是很好的做法。

于 2013-06-08T05:22:26.280 回答