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.

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

O seletor .latest-topic-list ainda está disponível? Estou tentando remover certos posts da página inicial (apenas na visão “mais recente”) com CSS (longa história), mas tenho tido dificuldade em encontrar um seletor que possa atingir apenas a página inicial.

Isso funciona, mas esconde os posts em outras visualizações também:

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

Algo como isso seria perfeito, mas não vejo o seletor .latest-topic-list (ou qualquer seletor exclusivo para a visualização de tópicos mais recentes) na página:

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