我正在制作一个 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吗?