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