ChromeのCSS要素否定

Chromeのスタイリッシュな拡張機能とカスタムCSSを使用して、多くのページのフォントが私の視力にあまりにも芸術的であるため、すべての要素のすべてのWebページで1つの大きなフォントを強制します。ChromeのCSS要素否定

どうやらフォントがそれらを台無しにカスタムを強制的に：私はこれを行うと、一部のページに、私は今、四角はこのようないくつかの一般的に使用されるアイコンを、交換を参照してください

* { 
    font-family: "Arial" !important; 
    font-weight: bold !important; 
    font-size: 22px !important; 
}

。 CSSの無効化を使用して、CSSオーバーライドからそのようなアイコン要素を除外して、正しく表示できるようにします。以下はそのようなアイコンを表示するHTMLチャンクのサンプルです。 ":: before"の部分がアイコンのようです。

<a href="javascript:;" class="social-icon comments event-tracking" data-action="social_article_bottom" data-label="comments" data-article="2617165" tabindex="1000"> 
<span class="fa fa-comments"> 
::before 
</span> 
<h1>Comments</h1></a>

ただし、否定構文を正しく取得できません。カスタムCSSの「*」を次のものに置き換えると、CSSエラーが発生します。誰でも正しい構文を知っていますか？

私はあなたのような何かをしたいと思います

:not(fa fa-comments)

出典

2017-03-13 MrSparkly

：おかげで、それは作業を行い

https://developer.mozilla.org/en/docs/Web/CSS/:not

出典

2017-03-13 15:06:58 Ninjabin

：:notオペレータについての詳細を知るには、このリンクを見てみましょう

body *:not(.fa-comments) { font-family: "Arial" !important; font-weight: bold !important; font-size: 22px !important; }

。私はそのようなボタンが多くのクラス名を持つかもしれないと考えていたので、否定を使うのではなく、典型的な要素にフォントを強制するのがより良い方法です：p、h1、h2、h3、h4、h5、td、ul、ol、li、* [class^= 'nav'] – MrSparkly

これは良い考えのように聞こえる！ – Ninjabin

答えて

関連する問題