Question

在水平导航菜单上使用css属性“border-bottom”的最佳方法是什么，类似于上面的StackOverflow，当悬停在其上时，底部边框是可见的，当活动时，它也是可见的（带颜色），但在所有其他情况下则不是。

我之前做过类似的事情，但是，我希望能够使用3种不同的颜色，可以说是3种不同的颜色。当我之前做过的时候，我相信我对颜色进行了硬编码，只是让它变得透明或点击时的东西（就在不久之前，所以我不记得了！）。

我能用css做到这一点，还是我必须使用jquery来改变onclick事件的颜色？

Answer 1

如果我正确理解你，你可以使用:hover之类的伪类，:active等等，这里有一个小例子

ul li{
    display:inline;
    color:yellow;
}
ul li:hover{
    color:blue;
    text-decoration:underline;
}
ul li:active{
    color:red;
}

希望这有帮助