删除最后一个和第N个孩子不工作的边框

Question

www.pureelysium.com/Pure/index.html

你好

我尝试使用第n个孩子和最后一个孩子同时删除最后一个

nav ul li a.last-child {border-right: none;}

我也试过

nav ul li:nth-child(n+3) {
border: 0;
}

我很难过！任何人都可以建议为什么这不起作用？

Answer 1

您的last-child语法不正确。应该是：

nav ul li a:last-child {border-right: none;}

但是，它不适用于您的情况。你必须使用那个：

nav ul li:last-child a {border-right: none;}

last-child，nth-child和类似的作品始终位于父级的上下文中，因此nav ul li a:last-child会查找<a>，它是其父级的最后一个孩子：<li>在你的情况下。但您想在上一个<a>中选择<li>。这就是为什么你必须将:list-child放在li之后，而不是a。