Question

我正在尝试将padding设置为 0 px 以查找li标记内的超链接，但它无效。如果我在内联中为该特定超链接设置，那么它的工作正常。

HTML

<div class="container">
    <div class="row">
        <div class="col-xs-2">
            <ul class="nav nav-pills nav-stacked ">
                <li class="active"><a href="nokia-phones-1.php">Nokia</a></li>
                <li><a href="samsung-phones-9.php">Samsung</a></li>
                <li><a href="motorola-phones-4.php">Motorola</a></li>
                <li><a href="sony-phones-7.php">Sony</a></li>
            </ul>
        </div>

    <div class="col-xs-10">
        <h2>Most Viewed</h2>
    </div>
    </div>
</div>

CSS

@import url("http://netdna.bootstrapcdn.com/bootswatch/3.1.1/cerulean/bootstrap.min.css");
@import url("http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css");

li a {
padding: 0px;
}

http://jsfiddle.net/TxdAm/

我甚至尝试过

ul li {    padding: 0px;}

和

li  {    padding: 0px;}

和

a  {    padding: 0px;}

但仍无效。

如何为padding内的超链接设置unordered list到 0px 。

Answer 1

您需要覆盖引导类，只需添加此CSS规则：

.nav > li > a {
    padding: 10px 0;
}

在Bootstrap中，此规则的值为10px 15px，因此应该修复它。

希望这有帮助。

Answer 2

您可以尝试在CSS规则中使用!important

li a {
    padding: 0px !important;
}

它会起作用。有关！important 的详细信息：请查看 here

Bootstrap li填充0不起作用

2 个答案: