CSS :any-link 패seudo 클래스

정의와 사용법

CSS :any-link 패seudo 클래스는 대체 URL을 지정하는 요소의 스타일을 선택하고 설정하는 데 사용됩니다.

링크가 방문되었与否에 관계없이 이 패seudo 클래스는 항상 적용됩니다.

따라서, 이 패seudo 클래스는 href 속성을 가진 모든 요소에 적용됩니다. <a> 또는 <area> 요소.

예제

예제 1

href 속성을 가진 모든 <a> 요소를 선택하고 스타일을 설정합니다:

a:any-link {
  background-color: yellow;
  color: maroon;
}

직접 시도해 보세요

예제 2

href 속성을 가진 모든 <a> 요소에 스타일을 설정합니다. 또한, 상태(호버, 활성화, 방문 등)에 따라 링크 스타일을 설정합니다:

a:any-link {
  background-color: yellow;
  color: maroon;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

직접 시도해 보세요

CSS 문법

:any-link {
  css 선언;
}

기술 세부 사항

브라우저 지원

표의 숫자는 이 패seudo 클래스를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

관련 페이지

교육:CSS 링크

교육:CSS 버튼

교육:CSS 패seudo 클래스