Html 为什么我的上一个孩子li elemens的填充物不能被移除？

我的导航锚标记是导航的最后一个子元素，我尝试删除左边的填充，但它不会删除，但是当我尝试添加填充时，它会添加它。有什么想法吗

<div class="main_nav">
        <div class="logo">
            <img src="Logo/logo.png">
        </div>
        <nav>
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Aboutus</a></li>
                <li><a href="#">News</a></li>
                <li><a href="#">Portfolio</a></li>
                <li><a href="#">Blog</a></li>
                <li><a href="#">Shop</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
    </div

.main_nav{
    width:1200px;
    margin:0 auto;
    height:90px;
    background-color:orange;
}
.logo{
    clear:both;
    float:left;
    padding-top:15px;
}
nav ul{
    float:right;
    padding-top:33px;
}
nav li{


    display:inline;
    padding-right:40px;
    background-color:yellow;

}
nav li:last-child a{
    padding-right:0px;
}

从您的代码中，您实际需要以下内容：

nav li{
    display:inline;
    padding-right:40px; /* padding applied */
    background-color:yellow;

}
nav li:last-child { /* padding on last list item removed */
    padding-right:0px;
}

您尚未将填充应用于锚点，因此无法使用以下方法移除锚点：

nav li:last-child a{
    padding-right:0px;
}

你说：

我的导航锚标记是导航的最后一个子元素

事实上，它不是（而且有点像）。在这样的列表中，每个锚点链接都是
li
的最后一个子项，因为它也是第一个也是唯一的子项

n个
语句（包括
first
和
last
等）始终引用父元素的子元素

因此，
li:last child
将始终是其父级的最后一个子级
ul