html - 如何更改箭头的颜色？

Question

我有这个网站:

http://dl.dg-site.com/

在这个站点中，我们有一个灰色的菜单箭头...

如何在不修改任何其他内容的情况下更改白色箭头的颜色？

我在这里找到了这段代码......不改变颜色，只改变箭头

header, 
    nav>ul ul, 
    #magic-line, 
    #topbar.announcement_bar_style_3, 
    #topbar.announcement_bar_style_2, 
    #topbar.announcement_bar_style_1, 
    .testimonial_small p,
    .ABs_pricing-table-2 .ABs_pricebox_feature:last-of-type{
        border-bottom-color:#969696 !important;
    }

你能帮我解决这个问题吗？

提前致谢!

Answer 1

#magic-line {
  border-bottom-color: #fff !important;
}

!important 声明是必需的，因为要覆盖您在问题中显示的规则。通常你应该避免使用 !important。

不过我怀疑这是一个现成的 WordPress 主题，而且你在问题中显示的规则是由主题注入(inject)到页面中的，所以你可能无法直接编辑它。在这种情况下，将需要 !important，并且您需要确保新规则出现在设置灰色边框颜色的规则之后。

如果由于某种原因您无法在主题生成样式后加载自定义样式，那么您将需要一个更具体的规则以确保它优先，例如

nav #magic-line {
  border-bottom-color: #fff !important;
}