CSS Selector

Pseudo-Class Selector

---

가상 클래스 선택자

가상 클래스 선택자는
특정 상황에 맞는 이벤트를 추가할 수 있도록 해주는 선택자다.

• 링크 가상 클래스 선택자
• 동적 가상 클래스 선택자

---

Link pseudo clasess

a:link {color: yellow}
/*방문한 적 없는 링크 (a태그만 적용)*/

a:visited {color: red}
/*방문한 적 있는 링크 (a태그만 적용)*/

링크 셀렉터는,

구글이나 네이버 같은 곳에서 사이트에 들어가기 위해 링크를 클릭하면
보라색으로 변하는 것을 볼 수 있다.

그러한 상황에서의 디자인을 바꿔줄 수 있는 코드다.

---

User action pseudo classes

button:hover {font: bold;}
/* 가리키는 값에 마우스를 올려놨을 때 */

button:active {color: red}
/* 가리키는 값을 클릭하고 있는 상태일 때 */

동적 셀렉터는,

사용자의 동작에 따라 실시간으로 변화하는
이벤트를 생성해주는 코드다.