Html 为什么赢了'；t我的肚脐'；当前列表项的底部边框保持为实心

这是js提琴，

这是悬浮在js提琴外面的js提琴

，它将底部的颜色更改为金色。

关闭标签：-

nav ul li a:hover {
    border-bottom: solid 0.15em rgb(255,215,0)
}  

nav{
宽度：100%；
利润率最高：3%；
利润底部：3%；
文本对齐：居中；
}
李国荣{
列表样式类型：无；
显示：内联；
}
海军ulli a{
字体系列：calibri；
字体大小：1.1米；
文字装饰：无；
颜色：rgba（0,0,0,0.7）；
边框底部：实心1px rgb（0,0,0）；
利润率：1%；
背景色：rgb（255、255、255）；
填充：2%；
垫面：3%；
}
导航ulli a：悬停{
边框底部：实心0.15em rgb（255,215,0）；
}
nav ul li a#电流{
边框底部：实心1pxRGB（2502150）；
}

您的选择器有点错误。您也不应该使用当前<代码>的id。改为使用类：

<nav>
    <ul>        
        <li class="active"><a href="#">HOME</a></li>
        <li><a href="#">MENU</a></li>
        <li><a href="#">LOCATION</a></li>
        <li><a href="#">RESERVATIONS</a></li>
    </ul>   
</nav>

---

最后一个类（

nav ul li.active a

）将使您的活动物品保持其彩色边框。

请添加代码或在上创建链接jsfiddle@Maddy需要同时执行=P或至少1st@Maddy是的，对不起，忘了添加lol。修复了小提琴：@dfsq谢谢，伙计，你知道有什么方法可以使当前LI项的底边颜色保持不变吗？你注意到html中从id到类的变化了吗？

<nav>
    <ul>        
        <li class="active"><a href="#">HOME</a></li>
        <li><a href="#">MENU</a></li>
        <li><a href="#">LOCATION</a></li>
        <li><a href="#">RESERVATIONS</a></li>
    </ul>   
</nav>

nav {
    width: 100%;
    margin-top: 3%;
    margin-bottom:3%;
    text-align: center;
}

nav ul li {
    list-style-type: none;
    display: inline;
}

nav ul li a {
    font-family: calibri;
    font-size: 1.1em;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.7);
    border-bottom: solid 1px rgb(0, 0, 0);
    margin: 1%;
    background-color: rgb(255, 255, 255);
    padding: 2%;
    padding-top: 3%;
}

nav ul li a:hover {
    border-bottom: solid 0.15em rgb(255,215,0)
}

nav ul li.active a {
    border-bottom:solid 1px rgb(250,215,0);
}