0

在这个 CSS 上为我的菜单添加一个活动类的最佳方法是什么？

.vertical-nav{
    width:200px;
    height:auto;
    list-style:none;
    float:left;
    margin-right:40px;
}
.vertical-nav li{
    width:200px;
    height:25px;
    margin:5px;
    padding:5px;
    background-color:#666666;
    border:none;
    text-align:center;
    float:left;
}
.vertical-nav li:hover{
    background-color:#f36f25;
    color:#FFFFFF;
}
.vertical-nav li a{
    font-family:Calibri, Arial;
    font-size:18px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
}
4

2 回答 2

1

我会将它添加到 .vertical-nav li:active { } 这样您就可以同时修改 the<li>和<a>属性

于 2013-04-25T11:19:23.223 回答
0

这取决于您希望“当前”列表项如何显示，

就我个人而言，我总是会向 li 申请类，所以它会给你类似的东西：

.vertical-nav li.active {
background-color:#D9A300;
}

并设置内部链接的样式

.vertical-nav li.active a {
color:#000000;
}

我实际上建议使用术语“当前”而不是“活跃”，因为它很容易被误解。

我可能误解了你的要求..如果我有，请告诉我，我会相应地修改我的答案。

于 2013-04-25T11:24:34.133 回答