목록가상선택자 (1)
원하는 것은 뭐든지
#3 CSS 가상선택자
가상선택자 가상선택자는 웹문서 소스에는 존재하지 않지만 필요에 의해 임의로 가상선택자를 지정해서 사용하는 것을 말합니다. 대표적으로 :link - 방문한 적이 없는 링크 :visited - 방문한 적이 있는 링크 :hover - 마우스를 롤오버 했을 때 :active - 마우스를 클릭했을 때 :focus - 포커스 되었을 때 (input 태그 등) 등이 있습니다. 예제로 바로 보겠습니다. 크기 200px 정사각형, 기본배경색 pink :hover 시 배경색 blue :active(클릭시) 배경색 ivory input태그에 커서클릭해서 들어가있을 때 아쿠아마린색 방문하지 않은 링크 색 slategrey 방문 후 yellow 오늘은 여기까지하겠습니다. 감사합니다.
개발/HTML,CSS,JS
2022. 2. 15. 22:50