CSS

가상 클래스 선택자

소개

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

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

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

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

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

 

댓글

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

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