Html ：n未在定位标记上工作的子项

我正试图设计一个页面模板的标题，侧栏，页脚和内容部分。除了内容部分在溢出时滚动外，所有内容都已修复

标题包含一个基本导航栏，其中包括一个无序列表、四个列表项和四个锚定标记，它们链接到普通的“主页”内容“关于”联系人”页面

每个链接都需要右边框，最后一个（第四个）除外。它们只是视觉上分开的

代码如下：

#顶部导航{
背景颜色：橙色；
高度：68px；
保证金：0；
填充：0；
}
#顶部导航{
字号：0；
保证金：0；
填充：0；
}
#上导航李{
列表样式类型：无；
文本对齐：居中；
高度：68px；/*100%，边框不跨全高*/
保证金：0；
右边框：1px纯黑；
填充：23.5px 95px；
显示：内联块；
}
#顶导航李：第n个孩子（4）{
边界权：无；
}
#顶部导航a{
文字装饰：无；
颜色：黑色；
身高：100%；
保证金：0；
填充：0；
字体大小：16px；
显示：块；
}

页眉

我认为这足以将

选择器添加到已经适用于您的规则中：

#top-nav li:nth-child(4) a{
  border-right: none;
}

n个子项
选择器适用于兄弟标记，因此在
li
标记上使用它是正确的。添加
a
选择器，您的意思是要设置第四个
li
中包含的
a
标记的样式

CSS样式应用于最后一个选择器。前面的选项可以用作上下文（或容器）。
我认为这就足以将
a
选择器添加到已经适用于您的规则中：

#top-nav li:nth-child(4) a{
  border-right: none;
}

n个子项
选择器适用于兄弟标记，因此在
li
标记上使用它是正确的。添加
a
选择器，您的意思是要设置第四个
li
中包含的
a
标记的样式

CSS样式应用于最后一个选择器。前面的内容用作上下文（或容器）。
我的意思是。。。
li
元素有多少子元素？
a
在什么位置？因为在我看来，所有的
a
元素都是
：第n个子元素（1）
…你想设计
a
的内部
li
对吗？只是一个提示：最好发布不起作用的代码，而不是有效的代码。@NiettheDarkAbsol如果我为li元素设置了右边框，然后使用#top nav li:n子元素（4）{右边框：无；}它从第四个列表项中删除了边框。我假设第四个li将是ul的第四个子元素，但我猜它不是这样工作的？@Tesseract是的，这是正确的。我希望li包含锚，但仅此而已。嗯，我的意思是，
li
元素有多少子元素？在什么位置是
a
？Bec因为从我所看到的，所有的
a
元素都是
：n子元素（1）
…你想设计
a
的内部
li
对吗？只是一个提示：最好发布不起作用的代码，而不是有效的代码。@NiettheDarkAbsol如果我为li元素设置了右边框，然后使用#top nav li:n子元素（4）{右边框：无；}它从第四个列表项中删除了边框。我假设第四个li将是ul的第四个孩子，但我猜它不是这样工作的？@Tesseract是的，这是正确的。我希望li包含锚，但仅此而已。这非常有效，谢谢！你能解释一下为什么这个方法有效吗？在回答中添加了简短的解释。That是有道理的，但为什么它在li上正常工作，但a必须通过li访问？它不能直接在
a
上工作，因为
a
标记不是同级标记：“同级元素必须具有相同的父元素，并且紧跟在“（）。这非常有效，谢谢！你能解释一下为什么这个方法有效吗？答案中添加了简短的解释。这是有道理的，但为什么它在li上正常工作，但a必须通过li访问？它不能直接在
a
上工作，因为
a
标记不是兄弟：“同级元素必须具有相同的父元素，相邻表示紧跟在“（）”之后。