두 가지 CSS 규칙을 결합하는 가장 좋은 방법

Question

아래에 표시된 두 개의 코드 블록을 결합하려고하지만 작동하지 않는 것 같습니다. 최선의 방법에 대한 아이디어?

구분 :

#rack #main #intro #nav-bar ul li:nth-of-type(8):hover { 
    background-position: -290px -470px; 
} 
#rack #main #intro #nav-bar ul li.current-menu-item:nth-of-type(8) { 
    background-position: -290px -470px; 
} 

결합 :

2 개 CSS 스타일을 결합하는 올바른 방법입니다

#rack #main #intro #nav-bar ul li:nth-of-type(8):hover, 
#rack #main #intro #nav-bar ul li.current-menu-item:nth-of-type(8) { 
    background-position: -290px -470px; 
} 

Answer 1

이 작업을해야하지만이 작동하지 않는 이유는, 내가 li 우리는 다음과 같이 먼저 정의해야하므로 클래스가 생각 몰랐다 :

이

#rack #main #intro #nav-bar ul li.current-menu-item:nth-of-type(8), 
#rack #main #intro #nav-bar ul li:nth-of-type(8):hover { 
    background-position: -290px -470px; 
} 

Answer 2

, 그들 사이에 쉼표를 넣어. 코드를 게시 할 수 있다면 어떤 문제인지 알아볼 수 있습니다.