CSS selector for the Category Page Latest Post column?

개발
1

I need to remove the border on the bottom of the Latest Posts column of the main Category Page.

The following doesn’t work:
div.latest-topic-list-item:last-child {border-bottom-style: none;}

For some reason this is the only list not structured as a table, just DIVs, which makes it more difficult to style with CSS.

2

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.

3

yes, it works! thank you so much @Mittineague.

.latest-topic-list-item:nth-last-child(2) {border-bottom-style: none;}

4

.latest-topic-list 셀렉터가 여전히 사용 가능한가요? CSS(긴 이야기입니다)로 홈 페이지(“최신” 뷰만)에서 특정 게시물을 제거하려고 하고 있지만, 홈 페이지만 표적할 수 있는 셀렉터를 찾는 데 어려움을 겪고 있습니다.

아래 코드는 작동하지만, 다른 뷰에서도 게시물이 숨겨집니다:

[data-topic-id="123"] {
    display: none;
}

아래와 같은 코드가 완벽할 것 같지만, 페이지에서 .latest-topic-list 셀렉터(또는 최신 주제 뷰에 고유한 셀렉터)를 찾을 수 없습니다:

.latest-topic-list [data-topic-id="123"] {
    display: none;
}