CSS

가상 클래스 선택자

소개

가상(pseudo) 클래스 선택자는 클래스 선택자는 아니지만 엘리먼트들의 상태에 따라서 마치 클래스 선택자처럼 여러 엘리먼트를 선택할 수 있다는 점에서 붙은 이름입니다. 여기서는 주요 클래스 선택자를 알아봅니다. 

링크와 관련된 가상 클래스 선택자

  • :link - 방문한 적이 없는 링크
  • :visited - 방문한 적이 있는 링크
  • :hover - 마우스를 롤오버 했을 때 
  • :active - 마우스를 클릭했을 때 

위의 선택자는 순서대로 지정하는 것이 좋습니다. 특히 visited의 경우는 보안상의 이유로 아래와 같은 속성만 변경이 가능합니다. 

  • color
  • background-color
  • border-color
  • outline-color
  • The color parts of the fill and stroke properties

 

댓글

댓글 본문
  1. 곤비
    2.16 완료요
  2. 미래도비
    1.14
  3. 새콤달콤
    감사합니다
  4. 덕자
    완료!
  5. 다겸란
    수강완료
  6. DreamBoy
    2023.09.15. CSS - 가상 클래스 선택자 파트 완료했습니다.
  7. JH의꿈
    23년 8월 17일 목요일 학습
  8. AgainstartJH
    2022년 11월 04일 금요일 학습완료!
  9. 헤밍웨이
    220822
  10. 백대진
    22.07.25 학습완료 !
  11. vigorously27
    2022년 7월 18일 월요일 학습완료!
  12. 초보자바
    22-02-13 완료
  13. 강수빈
    22.1.28 수강완료
  14. 드림보이
    2021.11.10. 가상 클래스 선택자 파트 수강완료
  15. 밀보리
    211025 학습완료
  16. 이현수
    2021.09.03(금)
  17. 유산소
    감사합니다!
  18. 두드
    2021.07.21 완료
  19. 전예진
    210712
  20. 감자먹는넘
    감자
  21. jeisyoon
    2021.06.21 가상 클래스 선택자 - OK
  22. Jeong Il Haan
    20210520
  23. barozaqu
    20210518.
  24. 짜rr
    감사히 잘 보았습니다.
  25. choi
    완료
  26. yogg
    link
    visited
    hover
    active

    쓰는 순서도 신경써야하는군요
  27. Minint
    2021.03.04
  28. 사파리와 크롬에서 안되는 부분들이 몇개 있네요 디자인할땐 왜 퍼블리셔가 이렇게 했는데..이런 고충이 ㅜ
  29. HyeonHui Jeong
    20210217
  30. 가상 클래스 선택자는 우선 순위를 두고 해야 오작동이 없음
    link(방문한적 없는 링크) - visited(방문한적 있는 링크) - hover(마우스를 올렸을때) - active(마우스로 클릭했을때)
  31. 임태경
    완료했어요 감사해요
  32. 스마일가이
    2021.01.26 완료 감사합니다
  33. 개발자
    link:방문한 적 없는 링크, visited: 방문한 적이 있는 링크, hover: 마우스 올려놨을 때, active: 마우스를 클릭했을 때, focus: 탭 키 눌렀을 때
  34. datsciseol
    20210115
  35. 몽실엄마
    봤습니다.
  36. 201213
  37. Seunghyuk Rodrigo Kim
    감사합니다
  38. switpotato
    20201122: 2차학습 완료
  39. 켄드릭
    2020년 10월 29일(목) 1차 학습완료
  40. jaehyunlee
    완료
  41. 오석민
    완료
  42. 콜라
    20201001완료
  43. 박병진
    2020.10.01 완료
  44. 여니여니
    200920 감사합니다
  45. 김성곤
    20200717 감사합니다!
  46. jaehyunlee
    완료
  47. sson
    20/6/8 강의감사합니다!
  48. 한강
    가상 클래스 선택자 완료했습니다~!
    200527
  49. 노래하는프로그래머
    완료!
  50. 지쇼핑
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기