:first-child 가상클래스
부모 요소 안에 첫번째 자식요소에만 스타일 적용
| <style type="text/css"> ul li:first-child { background:#ff0000; } ul li { background:#e1e1e1 } </style> <ul> <li>첫번째</li> <li>두번째</li> <li>세번째</li> </ul> 결과
|
:last-child 가상클래스
자식의 마지막 요소.
a 링크 가상 클래스
:link 클릭하지 않은 링크
:visited 한번 이상 클릭한 링크
:hover 마우스 커서가 가리키고 있는 경우
:active 요소가 활성화 상태
:focus 포커스 된 상태
