클래스 추가 참조

Question

페이지에 jquery 슬라이더 기능이 있고 슬라이드가 회전 할 때 변경할 LI 태그 스타일이 필요합니다. 슬라이더가 리튬에 갈 때

그래서 클래스는 다음과 같습니다

<li class="first sliderkit-selected"> 

를 그리고 오프 이동할 때 그것은 다음과 같습니다

<li class="first"> 

하지만 클래스는 "처음에 갈 때 sliderkit-selected "스타일 시트에서 참조 할 필요가 있지만 어떻게 구성되어 있는지, 지금까지 나는 놀았습니다.

li.sliderkit-selected li.first { 
    background-color: red; 
} 

하지만 집어 들지 않는 것 같습니다.

각 클래스마다 쉼표를 사용할 수 있습니다. 그러나 두 클래스가 함께 사용하는 경우 스타일을 독점적으로 참조하고 싶습니다. 그 의미가있는 경우.

감사합니다.

Answer 1

당신은 li.sliderit-selected.first 찾고 :

li.sliderkit-selected.first{ 
    background-color: red; 
} 

항목 :

• 는

  CSS Selectors Level 3: Class selectors

  다음 규칙은 그 class 속성 꿀벌이있는 P 요소를 일치 N 양 및 pastoralmarine 포함 공백 구분 된 값의리스트를 지정 :

  는

  p.pastoral.marine { color: green } 
  

  이 규칙 때 class="pastoral blue aqua marine" 일치하지만 class="pastoral blue" 대해 일치하지 않는다.

Answer 2

는 여러 클래스와 DOM 요소를 선택하고 선택의 클래스를 연결하는 : 여러 클래스와 요소를 선택합니다

li.sliderkit-selected.first { 
    background-color: red; 
} 

Answer 3

, 당신은 단순히으로 클래스를 추가 점은, 다음과 같이 :

li.first.sliderkit-selected { /* your rules */ } 

이 "클래스와 li 태그를 의미 first및 클래스 sliderkit-selected ".

Answer 4

당신은 다음과 같이 쓸 수 있습니다 :

.sliderkit-selected.first { 
    background-color: red; 
} 

또는

.first.sliderkit-selected { 
    background-color: red; 
}