Css 最后一个子和第一个子选择器不工作

我正在建造导航栏。这就是我想要的

当胡佛浏览链接时，更改链接上的背景色。 第一个和最后一个链接背景应该有圆角

问题是要么所有链接都是圆角，要么没有

CSS

HTML

您要找的是这样的东西吗

您应该触发第一个和最后一个

li

中的

a

，而不是

li

元素中的第一个和最后一个

a

，因为所有

li

都只有一个

a

（它自动属于自己的第一个和最后一个）

另一个问题是，当您只希望边边界具有半径值时，将所有边界指定为具有相同的半径

CSS

---

有关边界半径属性的更多详细信息，请查看此文档

谢谢，伙计。这正是我想要的！

   nav {
       width:100%;
       line-height:2;
   }
   nav ul {
       list-style:none;
   }
   nav li a {
       text-decoration:none;
       color:white;
       float:left;
       width:90px;
       display:block;
       background-color:blue;
       padding-left:10px;
   }
   nav li a:first-child {
       border-radius:5px;
   }
   nav li a:last-child {
       border-radius:5px;
   }
   nav li a:hover {
       color:blue;
       background-color:white;
   }

<nav>
    <ul>
        <li><a href="#">Hem</a>
        </li>
        <li><a href="#">om oss</a>
        </li>
        <li><a href="#">hitta hit</a>
        </li>
        <li><a href="#">Kontakta</a>
        </li>
    </ul>
</nav>

nav li:first-child a {
    border-radius:5px 0 0 5px;
}
nav li:last-child a {
    border-radius:0 5px 5px 0;
}