如何压制先前陈述的CSS规则? (背景颜色)

时间:2016-07-07 09:58:43

标签: html css twitter-bootstrap

在bootstrap中有一条css规则说

Multiset<A> multiset = HashMultiset.create();

multiset.add(new A(1.5, "a"));

我想在不覆盖规则的情况下取消.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee; } 规则 因为如果我将它添加到我的自定义style.css:

background-color

......元素将具有白色背景。

期望的效果是抑制行.nav>li>a:focus, .nav>li>a:hover { background-color: inherit; }

保持类.btn-primary中定义的颜色。

HTML看起来像这样

background-color: #eee;

1 个答案:

答案 0 :(得分:1)

在HTML的head部分,在custom.css之后添加bootstrap.css文件,在!important之后添加inherit

应该这样做。

.nav>li>a:focus, .nav>li>a:hover {
    background-color: inherit !important;
}

或者您可以使用unset

.nav>li>a:focus, .nav>li>a:hover {
    background-color: unset !important;
}

https://developer.mozilla.org/en/docs/Web/CSS/unset