css - 覆盖按钮和元素之后

Question

我正在使用 Wordpress 并使用以下代码来设置菜单项的样式

css(我要更改的属性)

.main-nav li a {
  color: #222;
}

.main-nav li a:after {
  background-color: #d11e5d;
}

我在其中一个按钮上应用了自定义类 .btn-contact，这样我就可以覆盖它的颜色和其他属性，但我似乎无法定位它。 (使用 .btn-contact { color: red; } 或 .btn-contact { color: red !important; } 不起作用)

输出

Answer 1

只需添加

.btn-contact { 
   color: red !important; 
 }

!important 应该覆盖同一属性的所有其他值。