CSS 선택자

전체 선택자

* {color:green;}             페이지 안 모든 요소 선택

타입 선택자

h1 { color:green;}          모든 h1 요소 선택

아이디 선택자

#special { color:green;}   id가 special 인 요소를 선택

클래스 선택자

.class { color:red;}        class가 class 인 요소를 선택

자식 선택자

h2 > p {border:1px solid #000}    h2 자식인 p 태그 요소 선택

속성 선택자

h1[title] {color:red;}       title 속성을 가지고있는 h1 요소 선택

p[class="example] {color:red;}   class 속성이 example 인 p 요소 선택

의사 선택자

a:link {color:red;}     아직 방문되지 않은 링크의 색상을 빨강으로

a:visited {color:green;}   방문된 링크의 색상은 녹색으로

a:hover {color:red;}      사용자가 링크 위에 있을 때 빨강으로

:first-child             요소의 첫번째 자식 호출