CSS填充右
我想弄清楚,如何禁用填充右侧只有一个导航链接。CSS填充右
#nav ul li {
display: inline;
padding-right: 15px;
}
该代码使填充的15px的对导航文本的右侧,但是最后的导航链接,我想有没有填充,因为它是不平衡与我中心的文本。
我已经试过这样的事情:
.nopad {
padding: 0;
}
然后加入这个我联系:
<li class="nopad"><a href="#">Home</a></li>
这似乎并没有工作。
帮助将不胜感激。 感谢
将其更改为填充:#nav ul li.nopad { padding: 0!important; }
这将覆盖任何继承CSS填充
否则你可以只改变padding:0;
到padding:0 !important;
添加此
#nav ul li.nopad { padding: 0; }
其他属性覆盖它。
如果您想了解更多关于CSS具体阅读:http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
您可能想解释为什么它被覆盖。 – 2012-04-10 17:26:24
它被覆盖,因为你的课程被应用到li项目。由于内容更加具体,因此专门为它定义的类将优先 – Chris 2012-04-10 17:29:22
您可以在此处了解更多关于!important的内容:http://webdesign.about.com/od/css/f/blcssfaqimportn.htm – Chris 2012-04-10 17:25:54