【问题标题】:CSS Padding RightCSS 右内边距
【发布时间】:2012-04-11 01:25:14
【问题描述】:

我正在尝试弄清楚,如何仅在其中一个导航链接上禁用 padding-right。

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

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

我尝试过这样的事情:

.nopad {
padding: 0;
}  

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

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

它似乎不起作用。

我们将不胜感激。 谢谢

【问题讨论】:

    标签: html css padding


    【解决方案1】:

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

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

    【讨论】:

    【解决方案2】:

    添加这个

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

    其他属性正在覆盖它。

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

    【讨论】:

    • 你可能想解释为什么它被覆盖了。
    • 它被覆盖,因为您的类应用于 li 项目。由于 li ul 项更具体,因此专门为其定义的类将优先
    猜你喜欢
    • 2012-06-21
    • 1970-01-01
    • 2016-09-29
    • 1970-01-01
    • 1970-01-01
    • 2012-09-27
    • 2021-12-23
    • 2015-07-03
    • 1970-01-01
    相关资源
    最近更新 更多