CSS 선택자(selector) 정리

허정원·2021년 1월 15일
0

TIL

목록 보기
4/15
post-thumbnail

기본 a 태그 사용하기


  • 상태에 따른 a 태그 작성법

 a:hover, link, visited, active {
 }

기본적인 a 태그에서 적혀있는 상태에 따라 다른 css 스타일을 적용시킨다.

상태설명tip
link방문 전 링크 상태
visited방문 후 링크 상태
hover마우스 오버 되었을 때다른 selector에 사용 가능
active마우스 클릭 되었을 때다른 selector에 사용 가능

  • 링크에 사용된 단어 활용법

a[href^="Won"] {
}

href="" 에서 링크가 Won으로 시작되는 a태그를 선택한다.

href^


a[href$="com"] {
}

href="" 에서 링크가 com으로 끝나는 a태그를 선택한다.

href^


a[href*="on"] {
}

href="" 에서 링크가 on 이 포함된 a태그를 선택한다.

href^

0개의 댓글