CSS selector for the Category Page Latest Post column?

Development

AI-generated summary

The discussion revolves around CSS selectors for styling the Latest Post column on the main Category Page. BlackKnob initially struggled to remove the border from the last item in the column, but Mittineague provided a solution using the :nth-last-child(2) pseudo-class. The working CSS selector is .latest-topic-list-item:nth-last-child(2) {border-bottom-style: none;}. j127 then inquired about targeting the Latest Post column specifically, but struggled to find a unique selector for the home page.

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

Is the .latest-topic-list selector still available? I’m trying to remove certain posts from the home page (“latest” view only) with CSS (long story), but I’ve been having trouble finding a selector that can target just the home page.

This works, but it hides the posts on other views too:

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

Something like this would be perfect, but I don’t see the .latest-topic-list selector (or any unique selector for the latest topic view) on the page:

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