하이퍼 링크에서 모든 스타일링 / 포맷 제거 않도록하고 싶습니다. 다른 상태의 색상을 설정하는

다른 색상의 단어 ( href링크)가 있는 탐색 메뉴를 만들고 있습니다. 모든 상태 (호버, 방문 등)에서 색상이 변경되지 않도록하고 싶습니다.

다른 상태의 색상을 설정하는 방법을 알고 있지만 텍스트 색상 (및 다른 스타일링 / 서식)을 그대로 유지하는 코드를 알고 싶습니다.

어떤 제안?

당신은 단순히 무시할 것이다, 링크 스타일을 정의 할 수 있습니다 a:hover, a:visited등 :

a {
  color: blue;
  text-decoration: none; /* no underline */
}

inherit부모 스타일의 속성을 대신 사용하려는 경우이 값 을 사용할 수도 있습니다 .

body {
  color: blue;
}
a {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}

Chris가 나에게 말했듯이 그냥 a무시해야합니다. 예를 들면 다음과 같습니다.

a { color:red; }
a:hover { color:blue; }
.nav a { color:green; }

이 경우 .nav a항상 녹색이되며 : hover는 적용되지 않습니다.

영향을 미치는 다른 규칙이 있으면 !important을 사용해야하지만 그렇게해서는 안됩니다. 빠지는 것은 나쁜 습관입니다.

.nav a { color:green !important; } /*I'm a bad person and shouldn't use !important */

그러면 다른 규칙과 상관없이 항상 녹색이됩니다.

a스타일 시트에서 선택기를 사용 하여 앵커 / 하이퍼 링크의 모든 상태를 정의 할 수 있습니다 . 예를 들면 다음과 같습니다.

a {
    color: blue;
}

모든 링크 스타일을 무시하고 모든 상태를 파란색으로 만듭니다.

a.redLink{color:red;}마우스를 올리면 상태 를 유지하고 추가 a.redLink:hover{color:red;} 하면 다른 호버 상태가 링크 색상을 변경하지 않습니다.

How IT