css - 删除最后一个和第 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。