html - 不显示事件类的右边框

Question

以下是我的 jsfiddle，我试图在其中设置 border-right: none;活跃的 <li>但它没有发生，请告诉我如何修改 fiddle ，以便事件的边界右侧 <li class="active">没有出现。谢谢，

http://jsfiddle.net/HgCCf/1/

.drop-shadow {
    background-color: #FCFCFC;
    border-right: 2px solid #CECECE;
}

.active
{
    background-color: yellow;
    border-right: none;
}

Answer 1

查看此解决方案:

http://jsfiddle.net/HgCCf/2/

问题是您在 ul 标签中应用了边框，并且类 .active 与 li 标签相关联

.drop-shadow li{
   border-right: 2px solid #CECECE;
}