html - CSS 右内边距

Question

我试图弄清楚，如何仅在一个导航链接上禁用 padding-right。

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

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

我尝试过这样的事情：

.nopad {
padding: 0;
}

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

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

它似乎不起作用。

帮助将不胜感激。谢谢

score 2 · Accepted Answer

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

否则您可以更改padding:0;为padding:0 !important;

score 1 · Accepted Answer

添加这个

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

其他属性覆盖它。

2 回答 2