不显示活动类的右边框

Question

以下是我的jsfiddle，其中我试图设置活跃border-right: none;的{​​{1}}，但它没有发生，请让我知道如何修改小提琴，以便活动的边界右侧<li>不会出现。谢谢，

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

<li class="active">

Answer 1

请参阅此解决方案：

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

问题是您在ul标签中应用了边框，而。。class与li tag

相关联

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

Answer 2

您看到的边框是UL而非LI的边框。您应该为li元素添加边框而不是ul。

所以

.drop-shadow {
    background-color: #FCFCFC;
   /* border-right: 2px solid #CECECE;*/  comment this
}
/*and add this*/
.drop-shadow li
{
    border-right: 2px solid #CECECE;
}

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

Js Fiddle

Answer 3

你的主要ul.drop-shadow上有一个普通的边框右边。再看一遍，我修改了你的小提琴，现在它起作用了