從繼承排除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類

回答

相關問題