html - 链接不会呈现两个类

Question

我正在为一个已经由其他人构建的站点导航。他们有一个页面所在链接的事件类，但是当最后一个类添加到事件类链接时，它只会在浏览器中呈现事件链接。我查看了浏览器中的源代码，只显示了两个类中的一个。最后一个导航项是唯一具有第二类的项。只有当页面位于最后一个导航项时，它才能正常工作。

我猜这可能是我忽略的简单问题。感谢您对此提供的任何帮助。

tl:dr - 我只能在最后一个导航项上呈现 .last 类。

如果 CSS 很糟糕，我深表歉意。不是我写的。

网站页面:http://securitybank.designangler.com/insurance

CSS:

#navigation .MainNavigation{
position:relative;
padding:12px 0px;
margin:0px 0px 0px 8px; /* left margin Changed from 28px on 10-21-13 */
list-style:none;
}

#navigation .MainNavigation li{
display:inline;
padding:12px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align:center;
}

#navigation .MainNavigation li a{
font-size:13px;
color:#FFF;
text-decoration:none;
padding:12px 14px 12px 14px;
margin:0px 0px 0px 0px; 
border-left:#648558 2px solid;
}

#navigation .MainNavigation li a.last{
border-right:#648558 2px solid;
}

#navigation .MainNavigation li a.active{
padding:12px 19px 12px 17px;
background: url(/_images/bkgd_Active.png) repeat;
}

#navigation .MainNavigation li a:hover{
background: url(../_images/bkgd_NavHover.png);
}

Answer 1

经过简短的讨论，结论是“active”类是由嵌入式 JavaScript 设置的，并且由于错误，同一脚本在页面加载时删除了“last”类。

具体就是这行JS:

aObj[i].className='active';

解决方案是将上面的行替换为:

var saved = aObj[i]; saved.className = saved.className + " active";

在 How do I add a class to a given element? 的帮助下修复