[Day 17] CSS - 가상 클래스와 가상 요소


[Day 17] CSS - 가상 클래스와 가상 요소

1. 가상 클래스 : 선택자에 추가하는 키워드로 선택한 요소가 특별한 상태여야 만족할 수 있음. - 웹 문서의 여러 요소 중에서 원하는 요소 선택하여 스타일 적용 ※주의※ 아래의 표에서 노란색 가상 클래스 선택자는 다음의 순서로 정의해야함 (순서 지키지 않을 시 적용 안되는 경우 발생) ① :link ② :visited ③ :hover ④ :active 가상 클래스 선택자 종류 :ㅣlink 방문하지 않은 링크에 스타일 적용 :visited 방문한 링크에 스타일 적용 :hover 지정한 요소에 마우스 포인터 올려놓을 때 스타일 적용 :active 지정한 요소 활성화 시 스타일 적용 :focus 지정한 요소에 초점이 맞춰졌을 때 스타일 적용 :target 같은 문서 안에서 다른 위치로 이동할 때에는 앵커(anchor)를 이용하는데, 앵커 대상에 스타일 적용 :enabled 지정한 요소를 사용할 수 있는 상태일 때 스타일 적용 :disabled 지정한 요소를 사용할 수 없는 상태일 때 스...


#css #가상요소 #가상클래스 #가상클래스선택자 #구조가상클래스 #노란오리의하루기록

원문링크 : [Day 17] CSS - 가상 클래스와 가상 요소