我需要移除主分类页面中“最新帖子”列底部的边框。
以下方法不起作用:
div.latest-topic-list-item:last-child {border-bottom-style: none;}
由于某种原因,这是唯一一个未采用表格结构、仅使用 DIV 的列表,这使得通过 CSS 进行样式设置更加困难。
我需要移除主分类页面中“最新帖子”列底部的边框。
以下方法不起作用:
div.latest-topic-list-item:last-child {border-bottom-style: none;}
由于某种原因,这是唯一一个未采用表格结构、仅使用 DIV 的列表,这使得通过 CSS 进行样式设置更加困难。
Instead of last-child (which it isn’t) try going backwards skipping one. eg.
#list-area .categories-and-latest .column .latest-topic-list .latest-topic-list-item:nth-last-child(2) {
background-color: #f00; }
I imagine at least half of those selectors can be safely removed, but I’ll leave it to you to do the tweaking.
yes, it works! thank you so much @Mittineague.
.latest-topic-list-item:nth-last-child(2) {border-bottom-style: none;}
.latest-topic-list 选择器是否仍然可用?我试图通过 CSS 从首页(仅限“最新”视图)中移除某些帖子(说来话长),但一直难以找到能仅针对首页的选择器。
这段代码可以工作,但它也会隐藏其他视图中的帖子:
[data-topic-id="123"] {
display: none;
}
像下面这样的代码就完美了,但我没在页面上看到 .latest-topic-list 选择器(或任何针对最新主题视图的唯一选择器):
.latest-topic-list [data-topic-id="123"] {
display: none;
}