Seletor CSS para a coluna de última postagem da página de categoria?

Dev
1

Preciso remover a borda na parte inferior da coluna “Últimos Posts” da página principal de Categorias.

O seguinte não funciona:
div.latest-topic-list-item:last-child {border-bottom-style: none;}

Por algum motivo, esta é a única lista que não está estruturada como uma tabela, apenas com DIVs, o que torna mais difícil estilizar com CSS.

1 curtida
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.

5 curtidas
3

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

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

1 curtida
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;
}