CSS 선택자

긴 html 코드에 선택자를 올바르게 적어야 CSS가 원하는 대로 적용이 된다.

그래서 선택자 사용법을 정확히 이해하고 넘어가는 게 중요하다.

 

선택자의 기본 사용

 

- 전체 선택자에서 * 표시를 all, 아스테리스크, 아스 크릭스라고 읽는다.

 

슈도 클래스 선택자

 

구분	사용법	보기
차일드 클래스 선택자	:first-child	자식 대상중 첫번째 요소
	:nth-child(n)	자식 대상중 n번째 요소
	:last-child	자식 대상중 마지막 요소
링크 클래스 선택자	:link	a요소에 href속성이 있을 때
방문 클래스 선택자	:visited	링크가 설정된 a요소를 클릭했을 때
하버 클래스 선택자	:hover	마우스를 요소에 위치했을 때
액티브 클래스 선택자	:active	링크가 설정된 a요소를 press했을 때