我已经在bootstrap中创建了一个菜单，并且在每个点之间都有填充，所以它不是紧紧地连在一起，我更喜欢。但是我对活动课程有一些问题。
我在导航栏中的每个li元素上都有一个3像素的填充，但是当我添加一个活动类时，它不能像我想要的那样工作。 在我的活跃课程中，我希望背景为#fff，而不是#fafafa。当我改变它时，＃fafafa不会消失，＃ff在后台 - 在我的li元素后面。我希望#fafafa在活动类上消失，并且背景适合我的3px填充。
感谢您的帮助，希望我能得到一些帮助。
我想在这个例子中链接：
<li class="active1"><a href="#">Forside</a></li>
是#FFF，没有盒子阴影（基本上就像我的悬停效果）
答案 0 :(得分：0)
如果我理解你的问题，那么你需要改变这个问题：
.active1 a { background-color: #fff !important; margin: auto !important; box-shadow: none !important; }
将a添加到您的班级会将您的风格应用于.active1班级中的所有主要元素。
最佳做法是避免使用!important关键字，除非绝对必要。反而使用特异性。
jsFiddle：https://jsfiddle.net/2kt9pvL8/2/