css - 使用 CSS :not Selector for inner link

Question

我在 Wordpress 博客上使用插件。它在源代码中用星号标记所有指向亚马逊的链接(无 css)。我还通过 css 用星号标记我的自定义链接。所以插件链接有两个星号 ** 而不是一个 *。我试图用 not 选择器修复它，但它不起作用(浏览器:firefox)。我想知道是否可以使用 :not() 选择器

插件代码:

<div class="plugin"><a href="amazon.com">LINK*</a></div>

我的代码:

<a href="amazon.com">Link</a>

CSS

a[href*="amazon.com"]:not(.plugin a):after {content: "*"; }

Answer 1

您可以添加新的 CSS 规则。

a[href*="amazon.com"]:after {
  content: "*"; 
}
.plugin a:after{
  content: "";
}

编辑:这是一个使用 :not 的解决方案

:not(.plugin) > a[href*="amazon.com"]:after {
  content: "*"; 
}

https://jsfiddle.net/zcktfbad/