Question

我想在导航栏中禁用我上一个锚标记的边框。我只需要一个选择器就能在其他元素上正常工作。如何让它在后代选择器上工作？

＆＃13;

nav a {
  display: block;
  float: left;
  width: 200px;
  text-decoration: none;
  color: white;
  border-right: 1px solid white;
  background-color: purple;
  padding: 0.2em 0.6em;
}

nav a:last-child {
  border-right: none;
}

＆＃13;

<nav>
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Reviews</a></li>
    <li><a href="#">Photos</a></li>
    <li><a href="#">Music links</a></li>
  </ul>
</nav>

＆＃13;

Answer 1

nav a:last-child将定位所有父母的最后一个孩子。

你所有的主持人是他们＆lt; li＆gt;的最后一个孩子。父母，所以他们都是目标。

您应该定位最后li的锚点，您可以使用nav li:last-child a进行定位。

如何在后代选择器上禁用属性？

1 个答案: