从帖子页面删除图像,但将其保留在主页上

时间:2019-01-22 22:13:08

标签: wordpress

我是第一次使用wordpress为乐队创建网站。

我的所有帖子后都有一张img,这只不过是用于分隔首页上的帖子的水平线,但帖子末尾看起来太粗了...我想保留我的水平线主页(我的帖子所在的位置),但是当有人打开帖子页面时,我不再想要它了。

我尝试使用CSS显示:无;用于页面ID-s,但是当我在网站上发布某些内容时,我不能总是在CSS中添加选择器。

1 个答案:

答案 0 :(得分:0)

听起来您需要检出:last-child选择器。没有看到您的网站,我想每个帖子的底部都有一个线条图像。在“主页”上,您有多个帖子,因此该行将这些帖子分开,但是在单个帖子页面上不需要该行。

您可以使用:last-child选择器来引用内容包装器中的最后一个图像,以便将display:none添加到该包装器中的最后一个img中。这样,在单个帖子页面上,该行将消失,而在主页页面上,最后一个帖子下方的行也将消失。像这样:

.entry-content:last-child img {

    display:none;

}

还有一个:last-of-type选择器。

顺便说一句,除非它非常时尚,否则我不会仅使用图像画一条线。我将使用边框来分隔主页上的各个元素。例如:

.blog .post, .archive .post {

    border-bottom: 1px solid #dfdfdf;
    padding: 0 0 35px;
    margin: 0 0 35px;

}