간단한 CSS 호버

Question

여기 아주 간단한 레이아웃 작업입니다

: http://www.flanels.com/은 - 당신이 직장을 클릭하면 아래 그립니다,이 jQuery를 사용하고 있습니다 :

$('#left ul li.item').hover(function() { 
     $(this).addClass('over'); 
    }, function() { 
     $(this).removeClass('over'); 
    }); 

그리고 이것은 클래스 :

#left ul li.over{ 
    background-color:#4CC7DC;  
} 

링크 텍스트를 살펴보면 a : hover로 변경되는 것을 볼 수 있습니다. li.item을 넘었을 때 그것을 만들기 위해 노력하고 있습니다 : a : hover 링크도 변경됩니다. 어떻게 할 수 있습니까?

Answer 1

이게 당신이 찾고 있는게 있나요?

#left ul li.over, #left ul li.over a { 
    background-color:#4CC7DC;  
} 

Answer 2

li.item 요소에 대한 사용 hover(), 다음 대신 $(this).add/removeClass() 대신 액세스 $('#left ul li.item').add/removeClass() 접근.

즉, 에 요소를 추가 할 수 있습니다. 변경하려는 요소의 이름을 지정하면됩니다. 즉, $(this)이 아닌 요소가 변경 될 수 있습니다.