我使用jQuery的addClass添加一个类到一个标签,所以当单击它会改变类,所以很明显该标签突出显示。类不覆盖addClass
我的HTML
<div id="mainNav">
<ul>
<li id="LinktheBand" onclick="nav('theBand')">The Band</li>
<li id="linkTheMusic" onclick="nav('theMusic')">The Music</li>
我的CSS
#mainNav li {
float:left;
margin-right:5px;
color:white;
font-family:Tahoma;
font-weight:bold;
padding: 10px 8px 0px 8px;
background:url('../images/transparent-65.png');
height:40px;
height: 25px !important;
border:1px solid #000;
}
#mainNav li:hover {
float:left;
margin-right:5px;
color:white;
font-family:Tahoma;
font-weight:bold;
padding: 10px 8px 0px 8px;
background: #660000;
height:40px;
height: 25px !important;
border:1px solid #660000;
}
.mainNavSelected {
float:left;
margin-right:5px;
color:white;
font-family:Tahoma;
font-weight:bold;
padding: 10px 8px 0px 8px;
background: #660000;
height:40px;
height: 25px !important;
border:1px solid #660000;
}
我的JavaScript
function nav(a) {
$('#'+a).show();
$('#Link'+a).addClass('mainNavSelected');
}
这正常工作,我检查萤火虫,可以看到类= “mainNavSelected” 被添加,但是list元素不会接受新类的任何属性。 Firebug列出了mainNavSelected的所有类项目,但将它们全部划掉。我错过了什么来取代这个元素的类?
您的问题说“覆盖”;你的意思是“压倒一切”吗? – Pointy 2010-06-14 19:01:29