728x90
300x250
가상 클래스란?
사용자가 클릭을 하거나 마우스 커서를 특정 요소에 올려놓는 등의 어떤 동작을 할 때 스타일이 바뀌도록 만든 클래스
가상 클래스는 슈도 클래스 라고도 한다. (Pseudo Classes)
- :link - 방문하지 않은 링크에 적용
- :visited - 방문한 링크에 스타일 적용
- :hover - 특정 엘리먼트에 마우스 커서를 올려 놓을 때 스타일 적용
- :active - 특정 엘리먼트를 활성화 했을 때 스타일 적용
- :focus - 특정 엘리먼트에 포커스가 맞추어졌을 때 스타일 적용 ( 탭을 눌러 초점을 이동하거나 input박스 입력을 위해 필드 안에 마우스 커서를 두었을때)
728x90
반응형
'Front-end > CSS' 카테고리의 다른 글
웹접근성 고려한 텍스트 숨기기 (0) | 2021.12.22 |
---|---|
속성 선택자 (속성 ~=값,속성 |=값, 속성 ^=값, 속성 $=값, 속성 *=값) (0) | 2021.12.21 |
background-origin 속성 (0) | 2021.12.19 |
인접 형제 선택자 + 모든형제 선택자 ~ 차이 (0) | 2021.12.18 |
Animate.css 사용법 (0) | 2021.12.07 |
댓글