Html 带填充的活动类引导菜单

Html 带填充的活动类引导菜单,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我在bootstrap中创建了一个菜单,并在每个点之间做了填充,所以它不是一排的,我更喜欢它。但是我有一些关于活跃课堂的问题 我在导航栏中的每个li元素上都有一个3像素左右的填充,但是当我添加一个活动类时,它并不像我希望的那样工作。 在我的活动类中,我希望背景是fff,而不是FAFA。当我改变它时,fafa不会消失,fff在背景中——在我的li元素后面。我希望fafa在活动类中消失,背景与我的3px填充物相匹配 谢谢你的帮助,希望我能得到一些 对于这个示例,我想查看以下链接: <li cl

我在bootstrap中创建了一个菜单,并在每个点之间做了填充,所以它不是一排的,我更喜欢它。但是我有一些关于活跃课堂的问题

我在导航栏中的每个li元素上都有一个3像素左右的填充,但是当我添加一个活动类时,它并不像我希望的那样工作。 在我的活动类中,我希望背景是fff,而不是FAFA。当我改变它时,fafa不会消失,fff在背景中——在我的li元素后面。我希望fafa在活动类中消失,背景与我的3px填充物相匹配

谢谢你的帮助,希望我能得到一些

对于这个示例,我想查看以下链接:

<li class="active1"><a href="#">Forside</a></li>

作为FFF,没有框阴影,基本上就像我的悬停效果一样

如果我正确理解你的问题,这就是你需要更改的css:

.active1 a { background-color: #fff !important; margin: auto !important; box-shadow: none !important; }
将a添加到类中会将样式应用于.active1类中的所有锚元素

最好避免使用!重要的关键字,除非绝对必要。使用特殊性来替代样式


jsFiddle:

尝试为您的示例制作一个jsFiddle或bootply并共享它;这样我们就可以调试您问题的实时版本。因为你现在的问题是,我不知道我们能如何帮助你。对不起;-对于这个例子,我希望链接:to是FFF,没有任何担心。别忘了,你可以随时编辑你的问题,这样你就不必在评论中发表这样的东西。在这里,它可能会被忽略或忽略。好了,现在应该更清楚一点:我检查了你的JSFIDLE:并且似乎没有框阴影,只有活动链接的FFF背景色。你到底想要什么??