CSS活动菜单
在这个css上为我的菜单添加一个活动类的最佳方式是什么CSS活动菜单,css,Css,在这个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:#6666
.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;
}
我会加上它。垂直导航li:active{}
通过这种方式,您可以同时修改
和
属性这取决于您希望“当前”列表项的显示方式
就我个人而言,我会一直向李老师申请课程,因此它会给你一些类似的东西:
.vertical-nav li.active {
background-color:#D9A300;
}
并在其中设置链接样式
.vertical-nav li.active a {
color:#000000;
}
实际上,我建议使用“当前”一词而不是“主动”,因为这很容易被误解
我可能误解了你的要求。。如果我有,让我知道,我会相应地修改我的答案 如何赋予悬停效果在何处添加活动类