2017-04-10 6 views
0

私は検索しようとしましたが、私は正しい質問をしているかどうかはわかりません。 CSSクラスを継承から除外します

は、自分のサイトに次のCSSを適用:

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

これは、すべての外部リンクがそれに接続されているアイコンを取得することを意味します。これまでのところ、とてもうまく、期待どおりに動作します。

ソーシャル共有ボタンのように、これが起こりたくない場所がいくつかあります。どのようにいくつかのクラスを除外できますか?

リンクが、 'socialbutton'クラスのdivに表示されているような感じですか?

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

の可能性のある重複::/これを行うことにより

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

を/stackoverflow.com/questions/9110300/can-i-write-a-css-selector-selecting-elements-not-having-a-ident-class) – csmckelvey

答えて

1

に他のスタイルを追加することはできませんクラス。

例あなたはこの克服することができます:[私は特定のクラスを持っていない要素を選択CSSセレクタを書くことができますか?](HTTP

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

リンク自体にそのクラスがある場合にのみ機能しますが、質問そのクラスについての_parent_要素内にあることについてのものでした。 – CBroe

+0

@CBroeおっと、私はその部分を忘れてしまいました、気にしないでください.../ –

3

は、あなたがに新しいCSSを追加することで、このCSSコードを上書きすることができます。

PS私はあなたが:not()セレクタを使用することができ、これらのボタン(WordPressのウェブサイトおよび生成されたコード)

+0

はい、それでした。私は少し修正しました: '.social-icons a :: { の内容:' '!important; }それはトリックでした。ありがとう、@スモーキングガンツ! –

+1

これが成功したら、私の答えを受け入れてください。 @ MarjanCrabtree-theICTgirl – Smokinggunz

関連する問題