我正在为我的乐队制作网站,第一次使用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;
}