Не показывать правую границу активного класса

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/

Проблема заключается в том, что вы применили границу в уль тега и класса .active был связан с тегом Li

.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 снова, я Изменив скрипку, теперь он работает