从继承中排除CSS类

Question

我试图搜索但不确定我是否正确地提出这个问题。

我将以下css应用到我的网站：

a[target='_blank']::after {
    content: '\29C9';
}

这意味着所有外部链接都会附加图标。到目前为止，这么好，它按预期工作。

在某些情况下，我不希望发生这种情况，例如在社交分享按钮中。如何排除某些类？

当链接出现在带有“socialbutton”类的div中时？

PS我无法为这些按钮添加其他样式（WordPress网站和生成的代码）

Answer 1

您可以通过向班级添加新的CSS来覆盖此css代码。

您可以克服这个问题的例子：

a[target='_blank']::after {
    content: '\29C9';
}

通过这样做：

.socialbutton::after {
    content: '\fff' !important;
}

Answer 2

您可以使用:not()选择器：

a[target='_blank']:not(.social)::after {
    content: '\29C9';
}