如何从特定标签中删除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>