CSS填充权

时间:2012-04-10 17:21:56

标签: html css padding

我想知道如何在一个导航链接上禁用padding-right。

#nav ul li {
display: inline;
padding-right: 15px;
}  

该代码在导航文本的右侧放置了15px的填充,但是最后一个导航链接,我想没有填充,因为它与我的居中文本不一致。

我尝试过这样的事情:

.nopad {
padding: 0;
}  

然后将其添加到我的链接中:

<li class="nopad"><a href="#">Home</a></li>

它似乎不起作用。

将非常感谢帮助。 感谢

2 个答案:

答案 0 :(得分:2)

将其更改为填充:#nav ul li.nopad { padding: 0!important; }
这将覆盖任何继承的CSS填充

否则,您只需将padding:0;更改为padding:0 !important;

即可

答案 1 :(得分:1)

添加此

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

其他财产正在覆盖它。

如果您想了解更多关于CSS特异性的信息,请阅读:http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/