호버가 제대로 작동하지 않습니다.

Question

jsfiddle에 필요한 코드를 복사하면 올바르게 작동하지만 내 웹 사이트에서는 작동하지 않습니다.

Our Rooms, Our Gems과 같은 탭 메뉴의 주요 문제는 내가 마우스를 올려 놓으면 완벽하게 작동하지 않습니다.

this is working jsfiddle

편집

this is the site in which hover is not working correctly

나는 주요 문제는 이해하기 어려운 생각합니다. 그래서 나는 힌트를주고있다. #tabs li a을 height: 200px;으로 변경하면 포인터가 텍스트 위에 있지만 텍스트 아래에 있지 않습니다.

Answer 1

난 당신이 전체 탭에서 포인터를 원하는 가정, 그래서 당신은 template.css

#tabs li a { 
    color: #E79D34; 
    display: block; 
    font: 20px/50px calibri; 
    height: 100%; 
    text-decoration: none; 
} 

는 CSS가에, 표준화되지 않기 때문에 그것은 당신의 바이올린 작품에 line 1877에이 같은 클래스를 수정해야 당신의 CSS가 정상화되었습니다. 바이올린을 작동하지의

Demo

문제는 당신 h1 태그 가진 클래스 logo, 그것은 중복되는 당신의 탭

당신이 {텍스트 장식 만든 사촌

Answer 2

은 :hover을 덮어 무언가가 당신의 코드에서이

a:hover, #tabs li a:hover { 
    color: #FFF; 
    text-decoration: none; 
} 

Answer 3

을보십시오. 수정하려고 시도한 후에는 !important 키워드이거나 :hover의 다른 정의입니다. 코드를 검토하거나 호른 블록에서 !important을 사용해보세요.

Answer 4

입니다 : 없음; } a : 마우스 오버 {text-decoration : none; }

A A &에는 차이가 없다

: A의

변경 뭔가를 가져가 :

Answer 5

가 당신의 스타일이 추가 가져,이

#tabs li:hover { 
    cursor: pointer; 
} 

당신은 또한 할 수있는 작동합니다 이 방법은 다음과 같습니다.

#tabs li a, 
#tabs li:hover, 
#tabs li a:hover { 
    cursor: pointer; 
}