a : 링크가 파이어 폭스에서 작동하지 않습니다

링크 스타일링에 문제가 있습니다 - 호버링과 활성 작품이지만 링크가 잘못 되었습니까? 이 문제를 어떻게 해결할 수 있습니까?a : 링크가 파이어 폭스에서 작동하지 않습니다

#nav{padding: 5px 230px 10px 230px;} 

#nav li{ 
    display: inline-block; 
    list-style: none; 
    margin: 5px; 
    padding: 1px; 
    font: 20px Century Gothic;  
} 

    a.navlink:link{ 
     color:#06AD00; 
     background: white; 
     border-top: 1px #958A7E solid; 
     border-bottom: 1px #958A7E solid; 
     cursor:pointer; 
    } 
    a.navlink:visited{} 
    a.navlink:hover { 
     color: black; 
     background: white; 
     border-top: 1px black solid;  
     border-bottom: 1px black solid; 
     cursor:pointer; 
    } 
    a.navlink:active { 
     color: red; 
     background: white; 
     border:0; 
     cursor:pointer; 
    }

출처

2013-02-04 SanderC

과 같이해야합니다. html을 표시 할 수 있습니까? – renathy

브라우저에서 링크가 * unvisited * (으)로 판단 되셨습니까? 기록 삭제를 시도하십시오. –

'a.navlink : visited {}'는 * "스타일 없음"*을 의미하지 않는다는 것에주의하십시오. –

특정 버전의 Opera 및 이전 IE에서 이와 동일한 문제가 발생했습니다. 나는 :link 가상 클래스를 피하면서 자연스럽게 a 스타일을 피했습니다. 이유는 분명히 알지 못하지만 :link은 항상 50/50이고 자연은 a이 결코 실패하지 않았습니다.

대신 :link 스타일이 시도 :

a.navlink{ 
    ... 
}

이 만 a.navlink 요소의 기본 상태를 만듭니다 - 다른 의사 클래스는 여전히 제대로 수정합니다. 그것이 당신을 위해 일을 고쳐주지 않는다면, 내 다음 추측은 어딘가에서 충돌하는 스타일을 가졌을 것입니다. 근원의 나머지 부분에 손을 대지 않고서는 확실히 알기가 어렵습니다.

출처

2013-02-04 15:06:18 CodeMoose

네, 고마워요! a.navlink {}가 작동합니다! a : navlink : link {}는 문제가 아니 었습니다. – SanderC

CSS는 내 FireFox에서 잘 작동합니다. CSS에 따라 HTML 태그와 속성을 올바르게 정의했는지 확인하십시오.

또한 링크가 이미 방문되어있어 잘못된 스타일이 표시 될 수 있습니다. 방문하지 않은 URL을 넣어보십시오. (예 : sdfdsfdsfsfdhgsdf.com 등)

출처

2013-02-04 15:05:54 Stasel

문제는 다음과 같습니다 : 링크 (스타일 없음), 방문하지 않음 (방문하지 않은 것과 동일한 방문을 원함). 처음 생략 : 방문 했으므로 문제가 해결 될 것이라고 생각했지만 사실은 중요하지 않습니다. – SanderC

:link은 사양별로 방문하지 않은 링크와 일치합니다. 모든 링크와 일치 시키려면 a.navlink:link, a.navlink:visited {}

출처

2013-02-05 00:05:46

a : 링크가 파이어 폭스에서 작동하지 않습니다

답변

관련 문제