使用CSS：不选择内部链接

Question

我在Wordpress博客上使用插件。它用源代码中的asterix标记了亚马逊的链接（没有css）。我通过css用asterix标记我的自定义链接。所以插件链接有两个asterix **而不是一个*。 我试图用not选择器修复它但是不起作用（broweser：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(.plugin) > a[href*="amazon.com"]:after {
  content: "*"; 
}

https://jsfiddle.net/zcktfbad/