HTML 앵커, 스타일 비활성화

Question

나는 HTML 앵커 링크 코드를 가지고 있으며, 나머지 문서와 달리 링크가 아닌 것처럼 보이기를 원합니다.

강요하지 않아도 앵커 태그의 텍스트를 줄 바꿈하여 스타일을 변경하지 못하게하는 간단한 방법이 있습니까 (예 : 본문 글꼴 스타일을 변경하면 변경하지 않아도됩니다. 일부 다른 : 링크 물건).

Answer 1

및 텍스트 장식은 명시 적으로 아무 것도 나를 위해 일한 것보다 조금 공격적입니다.

저는 앵커의 CSS가 "양성"이며 기존 CSS와 조화를 이루고자했습니다.

a.nostyle:link { 
    text-decoration: inherit; 
    color: inherit; 
    cursor: auto; 
} 

a.nostyle:visited { 
    text-decoration: inherit; 
    color: inherit; 
    cursor: auto; 
} 

그럼 난 그냥 포맷되지 싶었다 앵커에 CSS의 nostyle 클래스를 추가 : 여기에 무슨 일이 있었는지입니다.

Answer 2

당신이 IE에 대해 걱정하지 않는 경우, 당신은 당신의 연결 스타일에 (exclude이 문제의 링크의 ID입니다) :not(#exclude) 첨부 할 수 있습니다 그렇지 않으면

a:link:not(#exclude), a:visited:not(#exclude) { 
    text-decoration: none; 
    color: blue; 
    cursor: pointer; 
} 

난 당신이 짐승 수 있다고 생각하지 않습니다를 - 당신이 묘사하는 방식대로 강요하십시오. 대신 인라인 스타일을 사용하거나 (권장하지 않음) 해당 링크에 할당 된 특수한 클래스/ID를 사용할 수 있으며 셀렉터는 body으로 그룹화됩니다. body 규칙 위에

당신은 단순히 더 구체적인 선택에 던져 수

body { 
    text-decoration: none; 
    color: black; 
    cursor: auto; 
} 

a:link, a:visited { 
    text-decoration: none; 
    color: blue; 
    cursor: pointer; 
} 

, 즉 링크와 일치하는 것 : 예를 들어, 경우에 당신이 이러한 스타일 한 블랙 색상을 설정

body, #exclude { 
    text-decoration: none; 
    color: black; 
    cursor: auto; 
} 

a:link, a:visited { 
    text-decoration: none; 
    color: blue; 
    cursor: pointer; 
} 

Answer 3

클래스 .reset-a을 생성하고 모든 '가상 클래스'를 대상으로이 작업을 수행했습니다.

모든 의사 클래스를 대상 지정하는 것이 중요합니다.

outline: 0 속성은 포커스가 있거나 활성화되어있을 때 링크를 둘러싼 점선 테두리를 제거합니다.

.reset-a, .reset-a:hover, .reset-a:visited, .reset-a:focus, .reset-a:active { 
    text-decoration: none; 
    color: inherit; 
    outline: 0; 
    cursor: auto; 
}