롤오버에 대한 서브 클래스 선택이 작동하지 않습니까?

Question

롤오버에서 배경색/색상이 변경되도록 jquery UI를 사용하여 "ui-state-hover"클래스를 추가하는 버튼이 있습니다. 나는이 CSS를 추가하여 클래스 'UI를 우선 순위 카트 "가 다른 버튼의 롤오버에 대한 별도의 CSS를 추가하려고

.ui-state-hover { border: none; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color:#fff !important; } 

:

여기

는 롤오버에 대한 CSS입니다

.ui-priority-cart .ui-state-hover{color:#00dfff !important;} 

그러나 롤오버에서는 여전히 흰색이므로 색상에 영향을 미치지 않는 것처럼 보입니다. 내가 놓친 게 있니?

Answer 1

귀하의 CSS 규칙은 다음과 같아야합니다

.ui-priority-cart.ui-state-hover { /* your rules here */ } 

주 공간의 부족, 이것은 당신이 찾고있는 무엇이라고 생각 모두 클래스 ui-priority-cart 및 ui-state-hover과 요소에 적용됩니다.

의 차이는, 당신이 게시 CSS는 ui-priority-cart의 클래스 ui-state-hover 내부 요소의 클래스와 요소에 적용됩니다.

Answer 2

이는 .ui-priority-cart 클래스의 요소 인 하위 클래스 인 .ui-state-hover 클래스의 모든 요소에 적용됩니다.

.ui-priority-cart.ui-state-hover은 두 클래스가있는 요소를 의미합니다.