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;

+0

您可以在此处了解更多关于!important的内容:http://webdesign.about.com/od/css/f/blcssfaqimportn.htm – Chris 2012-04-10 17:25:54

添加此

#nav ul li.nopad { padding: 0; } 

其他属性覆盖它。

如果您想了解更多关于CSS具体阅读:http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

+0

您可能想解释为什么它被覆盖。 – 2012-04-10 17:26:24

+0

它被覆盖,因为你的课程被应用到li项目。由于内容更加具体,因此专门为它定义的类将优先 – Chris 2012-04-10 17:29:22