7

我正在尝试通过在每个链接的右侧创建一个边框来在我的链接之间创建一个分隔符。然后在最后一个上,将其删除。我有以下 html 和 css,但我发现每个“a”标签都与最后一个子选择器匹配。我不清楚为什么以及这样做的正确方法是什么。

<ul class="nav">
  <li><a href="#">link1</a></li>
  <li><a href="#">link2</a></li>
  <li><a href="#">link3</a></li>
  <li><a href="#">link4</a></li>
</ul>


.nav a { border-right:solid 1px #000;}
.nav a:last-child { border-right-width:0px;}
4

2 回答 2

18

那是因为每个a都是其 parent 的最后一个孩子li。你会想要类似的东西.nav li:last-child a

于 2012-04-27T18:27:42.000 回答
1

你所有的<a>标签都是他们父母的最后一个孩子<li>

于 2012-04-27T18:27:52.337 回答