CSS3 선택자 종류 살펴보기

CSS3 선택자 종류 살펴보기

선택자	기능
:first-of-type	요소의 첫 번째 개체를 선택
:first-child	요소의 첫 번째 자식요소를 선택
:last-child	요소의 마지막에 위치한 자식요소를 선택
:nth-child(odd)	요소의 홀 수번째 위치한 자식요소 선택
:nth-child(even)	요소의 짝수 번째 위치한 자식요소 선택
:nth-child(n)	요소의 n번째 위치한 자식요소를 선택
:nth-child(수식)	요소의 자식 요소에 수식으로 처리된 위치의 자식요소를 선택
	예)tr:nth-child(3n+4)
[attribute^=value]	요소에서 속성값이 지정한 값으로 문자가 시작되는 요소를 선택자로 지정
	예) a[title^="text"]
[attribute$=value]	요소에서 속성값이 지정한 값으로 문자 끝 부분이 끝나는 요소를 선택자로 지정
	예) a[title$="smile"]
[attribute*=value]	요소에서 속성값이 지정한 값으로 문자열 포함하는 요소를 선택자로 지정합니다.
	예) a[title*="doctor"]

※ 슈도엘리먼트선택자: :first-line, :first-letter 를 사용하면 클래스의 첫번째줄, 첫글자를 변경할 수 있다.