• 회원가입
  • 로그인
  • 구글아이디로 로그인

[selector] CSS - :any-link 가상선택자 - href 속성 있는 모든 링크 요소 선택 (= :any-link선택자 = 애니링크선택자)

목차
  1. :any-link 예제 - href 속성 있는 모든 링크 요소 선택
  2. :any-link 정의
  3. :any-link 구문

 

:any-link 예제 - href 속성 있는 모든 링크 요소 선택

 

<style>

a:any-link {

  background-color: yellow;

  color: red;

}

</style>


<a href="https://homzzang.com.com">홈짱닷컴</a><br>

<a href="https://homzzang.com.com/html/">HTML</a><br>

<a href="https://homzzang.com.com/css/">CSS</a>

 

결과보기

 

:any-link 정의

 

href 속성 있는 모든 링크 요소 선택하는 선택자. (예) <a>, <area>

 


PS. 

  • 링크 방문 여부는 상관 없음. 
  • CSS Selectors Level 4
  • IE 제외한 주요 최신 브라우저 모두 지원.

 

 

:any-link 구문

 

:any-link { CSS 선언 }

 

 


분류 제목
selector CSS - :defined 가상선택자 - 표준태그 및 사용자정의태그 선택 (= :defined선택자 = 디파…
selector CSS - :focus-visible 가상선택자 -
selector CSS - ::backdrop 가상선택자 -
selector CSS - :first 가상선택자 -
selector CSS - :focus-within 가상선택자 -
selector CSS - :where() 가상선택자 -
selector CSS - :autofill 가상선택자 - 브라우저 자동완성 채우기로 입력된 요소 선택 (= :autofil…
selector CSS - :default 가상선택자 -
selector CSS - :state() 가상선택자 -
selector CSS - :dir() 가상선택자 -
selector CSS - :fullscreen 가상선택자 -
selector CSS - :user-valid 가상선택자 -
selector CSS - :is() 가상선택자 - 여러 선택자 동시 선택 (= is선택자 = 이즈선택자)
selector CSS - :left 가상선택자 -
1/27
목록
찾아주셔서 감사합니다. Since 2012