如何從特定標籤中刪除css類？

Question

我有一個CSS類像下面的所有錨標籤：

a, a font{color:#184c75 !important;} 

現在我想刪除這個顏色的CSS我的錨標記之一，低於

<a class="button button-border button-light button-rounded uppercase nomargin readMore">See More</a> 

但是，當我剛剛刪除我的類它影響到我的所有錨標記，但我只想將白色應用於此特定的錨標記。任何人都可以幫忙嗎？

Answer 1

您可以使用更具體的選擇器，如a.classname或鏈接a.classname1.classname2等來覆蓋以前的規則。

在下面的示例中，我使用了gray顏色，而不是white用於演示目的。

a, a font{color:#184c75 !important;} 
 
a.button-light, a.button-light font{color:gray !important;}

<a class="button button-border button-light button-rounded uppercase nomargin readMore">See More</a>

側面說明，避免使用!important一般強烈推薦。

Answer 2

您可以在選擇器中使用:not()來排除該規則中的內容。在這裏，我使用.readMore類來定位示例中的鏈接，但是您可以使用您網站上的任何有意義的東西。

a:not(.readMore), a font{color:#184c75 !important;}

<a class="button button-border button-light button-rounded uppercase nomargin readMore">See More</a>