Как насчет этого?
- Сначала добавляем запятую после последней именованной ссылки
- Затем скрываем
... - После этого вставляем текст «и ещё» — и немного сдвигаем его назад, так как место для
...технически всё ещё занято - (Также добавлены более специфичные селекторы, чтобы избежать возможных конфликтов в других местах)
.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: "и ещё";
}
Возможно, существует более изящный способ полностью убрать ... из потока, но отрицательный отступ, похоже, работает нормально.