2011-05-03 9 views
2

<li>으로 만든 내비게이션의 첫 번째 및 마지막 자식에 다른 배경 이미지가 있습니다.li을 사용할 수있는 방법이 있습니까? first-child 및 li : hover

호버 이미지도 추가하고 싶습니다. :first-child:hover을 함께 추가 할 수 있습니까?

#nav li:first-child{ 
background:url(../images/topnavsprite.png); 
background-position: 0px 0px; 
} 

#nav li:first-child:hover{ 
background:url(../images/topnavsprite.png); 
background-position: 0px 0px; 
} 

미리 감사드립니다.

+2

이미 알고 있습니다. 마우스를 올리거나 맨 앞의 이미지에서 올바른 부분을 얻으려면 스프라이트를 사용하는 경우 배경 위치를 조정해야합니다. – robx

답변

3

그래, 이미 얻었습니다.

  • #nav li:first-child 그것이 last-child위한

동감을 떴다 때 제 <li>

  • #nav li:first-child:hover<li> 선택 선택한다. (링크가 아닌 요소에 first-child, last-child:hover을 지원하는 브라우저에서 이전 버전의 Internet Explorer는 문제가 발생할 수 있습니다.)

  • 0

    다음은 저에게 맞는 것입니다.

    li:first-child:hover, li:last-child:hover {...} 
    
    관련 문제