覆盖按钮和元素后

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应该覆盖同一属性的每个其他值。

Answer 2

我不知道：after元素是什么，但是你需要在规则中添加content属性，否则它将不会呈现。您也可以使用像content: ""这样的空字符串。