Selettore CSS per la colonna dell'ultimo post nella pagina delle categorie?

Sviluppatore
1

Devo rimuovere il bordo inferiore della colonna “Ultimi post” nella pagina principale delle categorie.

Quanto segue non funziona:
div.latest-topic-list-item:last-child {border-bottom-style: none;}

Per qualche motivo, questa è l’unica lista non strutturata come una tabella, ma solo con DIV, il che rende più difficile lo stile con 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

Il selettore .latest-topic-list è ancora disponibile? Sto cercando di rimuovere determinati post dalla home page (solo nella vista “latest”) tramite CSS (lunga storia), ma ho difficoltà a trovare un selettore in grado di colpire esclusivamente la home page.

Questo funziona, ma nasconde i post anche nelle altre viste:

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

Una cosa del genere sarebbe perfetta, ma non vedo il selettore .latest-topic-list (o alcun selettore unico per la vista degli argomenti più recenti) nella pagina:

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