Qu’en est-il de ceci ?
- D’abord, nous ajoutons une virgule après le dernier lien nommé
- Ensuite, nous masquons les
... - Ensuite, nous insérons le texte
and more– et nous le reculons un peu car l’espace pour les...est techniquement toujours là - (Ajout également de sélecteurs plus spécifiques pour éviter d’éventuels conflits ailleurs)
.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";
}
Il existe probablement une manière plus élégante de supprimer complètement les ... du flux, mais la marge négative semble fonctionner correctement.