Html ：第一个子边框右上角半径无效

我想创建一个导航，导航的第一个子项应该得到一个边界半径。此代码无效边框左上半径：10px

*{
边际：0px；
填充：0px；
}
导航{
位置：固定；
背景色：#D7E8D5；
左：50%；
左边距：-600px；
转换：翻译（-100%）；
顶部：100px；
}
导航ul{
列表样式：无；
}
李国荣{
背景色：#D7E8D5；
}
李海军：第一个孩子{
边框左上半径：10px；
}
导航ula{
显示：块；
填充：10px 20px；
颜色：#4A3A47；
文字装饰：无；
}

硅钙石

问题在于，您将相同的

背景色应用于
导航
，因此即使
边框左上半径
应用于第一个
li
，您也不会看到任何更改

移除背景色：#D7E8D5来自
nav

注意：我删除了
左边的边距：-600px
以保持
nav
可见


*{
边际：0px；
填充：0px；
}
导航{
位置：固定；
左：50%；
左边距：0px；
顶部：100px；
}
导航ul{
列表样式：无；
}
李国荣{
背景色：#D7E8D5；
}
李海军：第一个孩子{
边框左上半径：10px；
}
导航ula{
显示：块；
填充：10px 20px；
颜色：#4A3A47；
文字装饰：无；
}











您的代码工作正常，但您正在向
nav
元素添加相同的背景色，因此您无法看到它。只要改变这个：

nav {
    position: fixed;
    background-color: #D7E8D5;
    left: 50%;
    margin-left: -600px;
    transform: translate(-100%);
    top: 100px;
}

为此：

nav {
    position: fixed;
    background: transparent; /* or just get rid of this line */
    left: 50%;
    margin-left: -600px;
    transform: translate(-100%);
    top: 100px;
}