Как отключить текст подчеркивает на :: после элементов с использованием CSS ⇐ Html

[Anonymous]

У меня есть список ссылок. Это просто теги, сидящие рядом друг с другом. Я хочу декоративный элемент между ними, и я имею следующий CSS: < /p>

Код: Выделить всё

    a:not(:last-of-type)::after {
content: '⬩';
text-decoration: none;
color: var(--text);
margin: 0 .25rem;
}
< /code>
Я не хочу, чтобы декоративный элемент имел подчеркивание, но я хочу, чтобы текст гиперссылки имел подчеркивание. < /p>
Я пытался:

text-decoration: none !important;< /code> -> ничего.

text-decoration-line: none !important;< /code> -> не меняет его.

text-decoration-color: transparent;< /code> -> без изменения.

text-decoration-line: none;

-> все еще без изменений.
Можно ли изменить подчеркивание псевдоэлемента?

Подробнее здесь: https://stackoverflow.com/questions/796 ... -using-css