活动元素的CSS样式修复

我是第一个CSS新手，似乎并不了解类如何与id进行交互，这就是为什么我无法使用以下菜单来工作。活动元素的CSS样式修复

<div id="navmenu"> 
    <ul> 
    <li><a href="#">Home</a></li> 
    <li><a href="index.php?=1">Menu2</a></li> 
    <li><a href="index.php?=2">Menu3</a></li> 
    </ul> 
</div>

这是我的CSS：

#navmenu ul { 
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; 
} 

#navmenu li { 
width:114px; 
text-align:center; 
float:left; 
} 

#navmenu ul li a { 
text-decoration:none; 
color: white; 
background: #CE140B; 
} 

#navmenu a { 
padding-top:4px; 
padding-bottom:4px; 
display:block; 
width:100%; 
} 

#navmenu ul li a:hover { 
color: #CE140B; 
background: white; 
}

当鼠标悬停在菜单项这改变背景色和前景色。

现在我想为此添加一个活动类，以便当我在主页上时，主菜单项看起来与它被徘徊时相同。以下代码不起作用。

我试图改变菜单这样：

<li><a class="active" href="#">Home</a></li>

也

<li class="active"><a href="#">Home</a></li>

和我的CSS来：

#navmenu ul li a:hover a:active { 
color: #CE140B; 
background: white; 
}

和

#navmenu ul li a:hover li:active { 
color: #CE140B; 
background: white; 
}

两者都不起作用。感谢您帮助我们实现这一目标。

来源

2010-06-25 Michael Frey

要么

li.active:hover { 

}

或者

a.active:hover { 

}

应工作

来源

2010-06-25 06:42:49

感谢。这表明我朝着正确的方向前进。我只需要添加： #navmenu a.active {0}颜色：＃CE140B; 背景：白色; } 看来我得到了点和冒号的混合。 – 2010-06-25 06:53:15

活动元素的CSS样式修复

回答

相关问题