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

[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 선언 }

 

 


분류 제목
font CSS - font-feature-settings 속성 - OpenType 글꼴의 고급 인쇄 기능 제어 (=…
scroll CSS - scroll-padding-inline 속성 -
scroll CSS - scroll-padding-inline-end 속성 -
grid CSS - grid-auto-flow 속성(C) - 그리드 컨테이너 채우는 방식 지정 (= grid-auto…
grid CSS - grid-row-gap 속성 - (※ row-gap으로 이름 바뀜.) 그리드 행 간격 지정 (= …
position CSS - overflow-x 속성 - 수평방향으로 넘치는 내용 처리 방법 지정 (= overflow-x속성…
scroll CSS - scroll-margin 속성 - 스크롤마진 일괄 지정 (= scroll-margin속성 = 스크…
css CSS - isolation 속성 - 요소가 새 스택(stack: 쌓음) 콘텐츠를 생성해야 하는지 여부 지정…
scroll CSS - scroll-behavior 속성 ★ - 스크롤박스 내 동일 페이지 링크 이동 시 부드럽게 이동할…
grid CSS - grid-auto-columns 속성(C) - 그리드 열 너비 일괄 지정 (= grid-auto-…
background CSS - background-position-x 속성 - 배경이미지 x축위치(=수평위치) 설정 (= bac…
grid CSS - grid-row 속성(I) - 그리드 아이템 행 '시작위치와 끝위치 / 크기확장' 지정 (= gr…
grid CSS - grid-row-start 속성(I) - 그리드 아이템 행 시작 위치 및 확장 지정 (= grid…
box CSS - box-decoration-break 속성 - 요소 상자 깨지는 방식 지정 (= box-decor…
image CSS - image-rendering 속성 - 크기 조정 가능 이미지의 렌더링 방식 지정 (= image-…
grid CSS - grid-auto-rows 속성(C) - 그리드 행 높이 일괄 지정 (= grid-auto-row…
scroll CSS - scrollbar-color 속성 - 스크롤바 색상 지정 (= scrollbar-color속성 =…
background CSS - background-blend-mode 속성 - 해당요소 각 (배경색/배경미미지)층의 혼합방식 지…
grid CSS - grid-template 속성 - 그리드 행열 및 영역 개별 지정 (= grid-template속…
css CSS - accent-color 속성 - 사용자 제어 선택요소의 색상/색깔 지정 (= accent-colo…
9/27
목록
찾아주셔서 감사합니다. Since 2012