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

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

 

 


분류 제목
transition CSS - transition-timing-function 속성 - 트랜지션 속도변경곡선 (= transit…
image CSS - object-position 속성 - <img>/<video>가 "자체 콘텐츠 상자" 내부의 x/…
pagination CSS - 페이징 - (이전페이지/다음페이지/지정페이지) 이동 링크 버튼
func CSS - 함수 종류
selector CSS - :only-of-type 가상선택자 - 타입유일 자식요소 (= 유일타입 자식요소) [유일선택자|타…
css CSS - 화면분할 좌측사이드 영역 스크롤 고정 (= 이미지/메뉴 사이드 고정)
transition CSS - transition-duration 속성 ★ - 트랜지션 완료에 걸리는 시간 (= transiti…
image CSS - Polaroid Images / Cards - (폴라로이드 이미지)
selector CSS - .class 클래스선택자 ★
pagination CSS - 페이징 - 테두리 추가 (Bordered Pagination)
background CSS - Multi Background 구문 - 한번에 여러 배경 속성값 사용
intro CSS - CSS3 입문
selector CSS - :root 가상선택자 - 웹문서root요소 선택. (= 루트선택자, IE9)
css CSS - 자식요소 앞에 순번 붙이기 (= 번호 매기기 = 색인번호 추가 = 요소 카운팅)
transition CSS - transition-delay 속성 - 트랜지션 시작 대기 시간 (= transition-dela…
image CSS - Rounded Images (둥근/동그란 이미지 만들기 = 이미지 테두리 둥글게/동그랗게) - I…
border CSS - border-bottom-right-radius 속성 - 테두리 하단 오른쪽 모서리 둥글게 (= …
image CSS - Image Filter - (이미지 필터 - 흑백/흐림 효과)
selector CSS - :in-range 가상선택자 - 지정범위안값 갖는 요소 선택 (= 인레인지선택자 IE13)
column CSS - columns 속성 - (컬럼최소너비/컬럼개수) 일괄 지정 (= columns속성 = 컬럼즈속성)
13/27
목록
찾아주셔서 감사합니다. Since 2012