1. *

?
1
* {margin:0;padding:o}



페이지에 있는 모든 단일 요소를 타겟, 절대적인 요소에 해당

자식 선택자와 함께 사용할 수 있다.

?
1
#container * {border: 1px solid black; }

가능 브라우저: IE6+, FireFox, Chrome, Safari, Opera


2. #X

?
1
#container {width: 960px;margin: auto}

ID Selector

중복사용 불가능

가능 브라우저: IE6+, FireFox, Chrome, Safari, Opera


3. .X

?
1
.error{color:red}

Class Selector

중복사용 가능하여 여러 요소를 타겟팅

가능 브라우저: IE6+, FireFox, Chrome, Safari, Opera

4. X Y

?
1
li a {text-decoration: none }

선택자 다음의 후손 선택

선택자 다음에 오는 후손 선택자에 특별히 style을 적용 할 때 사용

가능 브라우저: IE6+, FireFox, Chrome, Safari, Opera

5. X

?
1
2
a { color: red; }
ul { margin-left: 0; }

태그에 타켓팅

문서의 같은 태그 모두에 style이 적용

가능 브라우저: IE6+, FireFox, Chrome, Safari, Opera

6. X:visited and X:link

?
1
2
a:link { color: red; }
a:visited { color: purple; }

가능 브라우저: IE7+, FireFox, Chrome, Safari, Opera

7. X + Y

?
1
ul + p { color: red; }

인접 선택자

바로 앞 태그가 ul인 p태그에만 style이 적용

가능 브라우저: IE7+, FireFox, Chrome, Safari, Opera

8. X > Y

?
1
div#container > ul { border: 1px solid black; }

#container > ul Selector의 경우