Donot顯示活動類的右邊框

Question

以下是我的jsfiddle，其中我試圖設置border-right: none;的活動<li>，但它並沒有發生好心讓我知道我該如何修改小提琴，以使活動邊框的右側<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標籤和類。主動邊界與L1標籤相關

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

Answer 2

您看到的邊框ing是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.Look一般的右邊框再次，我已經修改了小提琴，現在它的工作原理