如果某些类别设置为标记，则不要应用：before（组合：before和：not）

Question

我正在通过伪类<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/

Answer 1

您必须将:: not放在::之前，然后才能按预期工作

a：not（.btn）::之前