Che ne dici di questo?
- Per prima cosa aggiungiamo una virgola dopo l’ultimo link nominato
- Poi nascondiamo i
... - Poi inseriamo il testo
and more– e lo spostiamo un po’ indietro perché lo spazio per i...è tecnicamente ancora lì - (Sono stati aggiunti anche selettori più specifici per evitare potenziali conflitti altrove)
.user-main .about .secondary dd.groups span:last-of-type::after {
content: ",";
}
.user-main .about .secondary dd.groups:last-child > a {
visibility: hidden;
}
.user-main .about .secondary dd.groups:last-child > a::after {
visibility: visible;
margin-left: -.8rem;
content: "and more";
}
Probabilmente c’è un modo più elegante per rimuovere completamente i ... dal flusso, ma il margine negativo sembra funzionare bene.