의사 클래스를 일반 클래스로 사용합니다.

Question

내 페이지에 여러 개의 탐색 상자가 있습니다 (예 : f.e. #home, # 정보 등과 : 각 호버 클래스 I 페이지를 선택하면 표준 이미지로 가져가 이미지를 사용하려면, 이제

#home { 
    background-image: url(images/home.jpg); 
} 

#home:hover { 
    background-image: url(images/home_hover.jpg); 
} 

합니다 (BG 변경). F.e. '집'페이지에있는 경우 상자에 호버 이미지가 기본 대신 표시되도록하고 싶습니다. <div id="home:hover"> 같은 것을 선택하는 방법이 있습니까?

P. 각 상자마다 새로운 클래스를 추가하는 데는 많은 시간이 걸릴 것입니다.

Answer 1

나는 div 현재 페이지 중에 (공통) 클래스 넣어 것 - 그래서 <div id="home" class="current">을 - 그리고이 CSS와 같은 :

#home:hover, #home.current { 
    background-image: url(images/home_hover.jpg); 
}