[CSS] state 마스터하기

◾ state (상태) 

1. active

→ 버튼을 누르고 있을 때 작동

button:active{
  background-color: black;
}

---

2. focus

→ 키보드로 선택되었을 때 작동

input[type="text"]:focus{
  background-color: aquamarine;
}

---

3. hover

→ 마우스가 대상 위에 있을 때 작동

button:hover{
  background-color: black;
}

---

.4. visited

→ 링크를 타고 방문하면 작동

a:visited{
  color: red;
}

---

5. focus-within

→ focused인 자식을 가진 부모 엘리먼트에 적용