8-3. CSS 가상 클래스와 가상 요소

1. 사용자 동작에 따라 반응하는 가상 클래스 사용자가 웹 요소를 클릭하거나 마우스 포인터를 올려놓는 등 특정 동작을 할 때 스타일이 바뀌도록 만들고 싶다면 가상클래스 선택자를 사용한다. 1️⃣ : link 가상 클래스 선택자 방문하지 않은 링크에 스타일을 적용한다. 2️⃣ : visited 가상 클래스 선택자 방문한 링크에 스타일을 적용한다. 3️⃣ : hover 가상 클래스 선택자 특정 요소에 마우스 포인터를 올려놓으면 스타일을 적용한다. 4️⃣ : active 가상 클래스 선택자 웹 요소를 활성화했을 때 스타일을 적용한다. 5️⃣ : focus 가상 클래스 선택자 웹 요소에 초점이 맞춰졌을 때 스타일을 적용한다. 2. 요소 상태에 따른 가상 클래스 1️⃣ : target 가상 클래스 선택자 다른 사..

2021.10.15