탐색 메뉴의 중첩 된 LI가 정확한 배경색을 표시하지 않음

각 LI의 배경 하단 테두리가 서로 다른 탐색 메뉴가 있습니다. 그 다음 마우스를 올리면 각 하위 메뉴가 해당 배경 테두리를 포함하게됩니다. 문제는 listItem의 수에 따라 배경색을 지정한다는 점입니다. 그리고 이것은 내가 원하지 않는 하위 메뉴로 옮겨 가고 있습니다. 주 메뉴보다 더 많은 LI를 가진 하위 메뉴 중 일부가 보일 때 주 메뉴와 동일한 번호를 거친 후 올바른 배경색을가집니다. 이 모든 것이 의미가 있기를 바랍니다.탐색 메뉴의 중첩 된 LI가 정확한 배경색을 표시하지 않음

누구나 각 하위 메뉴에 배경 가져 오기 기능을 추가 할 수있는 방법에 대한 아이디어가 있습니까?

시작 지점 : http://jsfiddle.net/trevoray/BgMAj/

.nav li:first-child + li:hover > a { 
background: #0f2992; 
color: white; 
}

출처

2013-04-02 trevoray

죄송합니다 나는 당신이 달성하려고 정확히 무엇에 조금 혼란 스러워요 ,'li' 중첩 된 것들이 부모'li'과 같은 색깔을 가지기를 원하십니까? –

지금 마우스를 올리면 중첩 된 머리글이 모든 머리글 색을 표시합니다. 나는 그 (것)들만 공중 발표에 부모 LI의 동일한 색깔을 표시 할 필요가있다. – trevoray

알았어. 몇 분만 아프다. –

단순히 > a에게 ID 호버 CSS를 추가

#sub-members li:hover > a {}

Updated Fiddle

출처

2013-04-02 01:16:41 Scott

굉장해! tks! @ 스콧! – trevoray

탐색 메뉴의 중첩 된 LI가 정확한 배경색을 표시하지 않음

답변

관련 문제