CSS / 선택자(Selector) / 가상 클래스

:empty

:empty는 내용이 없는 비어있는 요소를 선택합니다. 예를 들어

는 li 요소 중 내용이 없는 것을 선택합니다. 즉

가 선택됩니다. 공백도 내용이 있는 것으로 봅니다. 따라서

처럼 빈 칸이 있는 것은 선택되지 않습니다.

:first-child

:first-child는 형제 요소 중 첫번째 요소를 선택합니다.

:hover

:hover는 요소에 마우스를 올린 상태를 선택합니다. 예를 들어

는 p 요소에 마우스를 올렸을 때 글자색을 빨간색으로 만듭니다. 마우스를 다른 곳으로 이동하면 원래 모양으로 돌아옵니다.