Я подчеркиваю подчеркивание ссылки (<a href...>) с помощью псевдокласса :before, чтобы получить хороший эффект перехода при наведении курсора.
Теперь я хочу исключить некоторые ссылки, если они имеют определенный класс (например: <a href="#" class="btn">Button</a>).
a:not(.btn) работает, но если я попытаюсь использовать a::before:not(.btn), эффект больше не будет работать.
Смотрите это JSFiddle:
Работает без :not, но кнопка не должна иметь эффекта: https://jsfiddle.net/bzo0nqey/1/
Разбит с :not: https://jsfiddle.net/bzo0nqey/
Я не хочу использовать <button> или какой-либо другой элемент вместо <a>, потому что это будет стоить мне часов редактирования. Кроме того, <a><img></a> также имеет этот эффект ложно: https://jsfiddle.net/7v9u260j/