你能帮我选择我需要的东西：nth-​​last-child（）或：nth-​​of-type？

Question

我目前正在开发一个导航菜单，每个菜单项后都有圆圈，最后一个菜单项除外。我正在使用:after来创建和定位圆圈。我正在尝试使用:nth-child或:nth-of-type获取最后一个列表项，但似乎没有任何内容正确定位。我可以定位导航项目的LI，但是我无法定位a：之后隐藏圆圈。

以下是使用:nth-of-type(4)的小提琴：http://jsfiddle.net/EgBhE/ - 什么都不做 以及使用nth-last-child(1)的小提琴：http://jsfiddle.net/EgBhE/1/ - 隐藏所有圈子

我不挑剔使用这两个选择器;如果有一个我没有使用但它会起作用，请告诉我。

Answer 1

nav li:last-child a:after { display:none; }

有效。基本上你需要重新考虑它。你不能根据锚元素获取“最后一个”，因为它们都是<li>的最后一个（也是第一个）儿童......因此，您需要将其基于最后li。

Demo

Answer 2

为什么不使用:last-child伪选择器？

更新了您的fiddle。