부모 테두리 CSS 색상에서 관계가 끊어졌습니다

부모 목록과 다른 테두리 색을 사용하려면 내 하위 메뉴 링크가 필요합니다.부모 테두리 CSS 색상에서 관계가 끊어졌습니다

내 메뉴

<ul id="menu"> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li class="menuActive"><a href="#">Link</a> 
    <ul class='children'> 
     <li><a href="#">subLink</a></li> 
     <li><a href="#">subLink</a></li> 
     <li><a href="#">subLink</a></li> 
    </ul> 
</li> 
</ul>

내 CSS : 당신이 볼 수 있듯이

#menu li a{ 
border-bottom-width:2px; 
border-bottom-style:solid; 
border-bottom-color:red; 
text-decoration:none; 
} 

.children li a{ 
border-bottom-color:blue; 
background:lightgray; 
}

, 내 subLinks 방법 단지 그들을 위해 블루 사람을 설정할 수 있습니다, 빨간색 테두리를 얻을? See it in jsFiddle

출처

2011-01-29 rooofl