从继承排除CSS类

我试图搜索，但不知道如果我提出正确的问题。从继承排除CSS类

我申请以下CSS来我的网站：

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

这意味着，所有的外部链接会得到与它相连的图标。到目前为止，这么好，它按预期工作。

虽然在某些情况下我不希望发生这种情况，例如在社交分享按钮中。我怎样才能排除一些类？

就像链接出现在类'socialbutton'的div里一样？

PS我不能添加其他风格，这些按钮（WordPress的网站和生成的代码）

来源

2017-04-10 Marjan Crabtree - the ICT girl

的可能的复制（HTTP [我可以写一个CSS选择器选择元素没有一定的阶级？]：/ /stackoverflow.com/questions/9110300/can-i-write-a-css-selector-selecting-elements-not-having-a-certain-class） – csmckelvey

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

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

来源

2017-04-10 10:46:23

只有链接本身具有该类时才有效，但问题是关于他们与这个班级有关的。 – CBroe

@CBroe哎呀，我一定是错过了那部分，没想到...：/ –

您可以通过添加新的CSS到覆盖此CSS代码类。

例如，您可以克服这一点：

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

通过这样做：

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

来源

2017-04-10 10:47:08 Smokinggunz

是的，就是这样。我稍微修改它为：'.social-icons a :: {0} {0} {0}内容：''！important; }'，那就是诀窍。谢谢，@Smokinggunz！ –

如果这个工作，请接受我的答案。 @ MarjanCrabtree-theICTgirl – Smokinggunz

从继承排除CSS类

回答

相关问题