CSS 가상 셀렉터(Pseudo Selector) :active, :hover, :focus
가상 선택자(셀렉터)를 이용하면 HTML 요소의 상태에 따라서 해당 요소의 스타일을 다르게 적용할 수 있습니다. 대표적인 것이 hover, active, focus입니다. 아래의 예제처럼 사용할 수 있습니다. :hover
hogni.tistory.com
focus
focus 관련 선택자를 알아보자(focus, focus-within, focus-visible)
우리는 input , a 태그와 같이 포커스 가능한 요소를 클릭시, 선택자를 사용해 스타일을 지정할 수 있다. 일반적으로 focus 선택자를 사용하겠지만, 사실 focus 관련하여 여러 선택자가 존재한다. 이
mong-blog.tistory.com
'공부기록 > 웹 개발' 카테고리의 다른 글
| 어느 망한 하루의 시작 (0) | 2022.07.21 |
|---|---|
| 프로그래머스 자바스크립트 스터디 2주차 (0) | 2022.07.20 |
| CSS 초기화 하는 방법 (0) | 2022.07.19 |
| [CSS Grid] 영역 이름 사용하기 grid-template-areas (0) | 2022.07.17 |
| [CSS Grid] grid-column, grid-row (0) | 2022.07.17 |