
[SIST] Web_CSS_days04_:의사 클래스(pseudo-class) 와 ::의사 요소(pseudo-element) (내용 추가중..)
·
TIL/Web(HTML, CSS, JS, jQuery)
1. selector:이름 == 의사 클래스 > 어떤 요소의 특수한 상태(특정 상태)를 정의할 때 사용 - 링크 태그에 마우스를 올릴 때 스타일을 지정하겠다. a:hover{ } - 텍스트 박스에focus를 줄 때 스타일을 지정하겠다. txt:focus{} 2. 의사 클래스의 종류 :active = 클릭했을 때의 링크 상태 :invalid = 활성화된 요소 :disabled = 비활성화된 요소 :not(selector) = 부정(선택자를 제외하고..) :required = 필수입력사항 :focus = foucs된 상태(양식의 입력 칸 등 포커스를 받은 요소, 사용자가 요소 클릭, 탭, 선택했을 때 발동) :hover = 커서가 올라간 상태 :checked = 체크된 상태 :empty = 텍스트가 없는 요..