Chrome瀏覽器的CSS元素否定式時髦（常用圖標）

我使用Chrome中的Stylish擴展和自定義CSS來強制所有元素的所有網頁上都有一個大字體，因爲許多頁面上的字體對於我的視力來說太過藝術。Chrome瀏覽器的CSS元素否定式時髦（常用圖標）

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

當我做到這一點，在一些網頁上，我現在看到廣場更換一些常用的圖標，如：

顯然強迫自定義字體弄亂它們。我想使用CSS否定從CSS覆蓋中排除這些圖標元素，以便我可以正確地看到它們。以下是顯示這種圖標的示例HTML塊。「::之前」部分似乎是圖標。

<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

我想你想要做的事，如：

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

看看這個鏈接瞭解更多關於:not操作：

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

來源

2017-03-13 15:06:58 Ninjabin

謝謝，它的工作。我認爲這樣的按鈕可能有很多類名，所以也許更好的方法是強制字體在典型元素上，而不是使用否定：p，h1，h2，h3，h4，h5，td，ul，ol，li，* [class^='nav'] – MrSparkly

這聽起來像個好主意！ – Ninjabin

Chrome瀏覽器的CSS元素否定式時髦（常用圖標）

回答

相關問題