표 텍스트 호버 및 링크 색상

Question

나는 (그런 일 또한 내가 HAML + 말대꾸를 사용) 그것을 위해 HTML 테이블 및 레이아웃이 있습니다

.zebra{ 
.zebra-stripe{ 
    &.zebra1{ 
    a{ 
    color: red; 
    } 
    a:hover{ 
    color: blue; 
    } 
} 
} 

내 HTM 테이블 클래스 얼룩말이 있고, TR 클래스 .zebra있다

.details-link{ 
    width: 70px; 
    margin: 2px; 
} 
.details-link:hover{ 
    color: orange; 
} 

하지만 때 내 마우스는, -stripe .zebra1

하지만 거기에 내가 (버튼과 같은) 다른 스타일로 링크가이 링크를 배경으로 높이를 소유하고 있지만 색상은 호버에 오렌지에 잘 살고있다 이 링크를 통해 lor는 오렌지색이 아니고 파란색으로 설정되어 있습니다. 무엇이 잘못 되었나요? 오렌지 링크 호버 텍스트 색상을 설정하는 방법

는 (나는 그것을 잘 살고 있지만, 제대로보고되지 않음)

뭔가 코멘트 나 쓰기 명확하지 않으면 ... ...

Answer 1

당신의 문제는 .zebra .zebra-stripe.zebra1 a:hover이 .details-link:hover보다 더 구체적이고, 당신이 사용하고있는 선택기의 특이성이다. 대신 다음을 시도해보다 구체적인 선택기를 만드십시오.

.zebra .zebra-stripe.zebra1 a.details-link:hover { 
    color: orange; 
} 

Answer 2

시도를 이 아웃 :

a.details-link:hover{ 
    color: orange; 
}