생활코딩

Coding Everybody

코스 전체목록

닫기

가상 클래스 선택자

소개

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

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

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

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

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

 

댓글

댓글 본문
  1. 이현수
    2021.09.03(금)
  2. 유산소
    감사합니다!
  3. 두드
    2021.07.21 완료
  4. 전예진
    210712
  5. 감자먹는넘
    감자
  6. jeisyoon
    2021.06.21 가상 클래스 선택자 - OK
  7. Jeong Il Haan
    20210520
  8. barozaqu
    20210518.
  9. 감사히 잘 보았습니다.
  10. 완료
  11. link
    visited
    hover
    active

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