CSS

가상 클래스 선택자

소개

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

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

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

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

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

 

댓글

댓글 본문
  1. 짜rr
    감사히 잘 보았습니다.
  2. choi
    완료
  3. yogg
    link
    visited
    hover
    active

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