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



我正在为我的乐队制作网站,第一次使用wordpress。

我的所有帖子之后都有一个 img,它只不过是水平线,只是为了在我的主页上分隔我的帖子,但它在帖子页面的末尾看起来很恶心......我想在我的主页(我的帖子所在的地方)保留那条线,但是当有人打开帖子页面时,我不再想要它了。

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

听起来

你需要查看: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;
}

最新更新