GUI/Skin

CSS 선택자

jjryu 2013. 12. 22. 18:02

- 타입 선택자(type selector)

e.g. p { .. }


- 전체 선택자(*)

e.g.

* {

padding: 0;

margin: 0;

}


- 클래스 선택자

e.g. .datePosted { .. }


- 유사 클래스 선택자

:after

e.g. a:ink { .. }


ID 선택자

e.g. #intro { .. }


하위 선택자(decendant selector)

e.g. #mainContent h1 { .. }


자식 선택자(child selector)

e.g. #nav > li { .. }


인접 형제 선택자(adjacent sibling selector)

e.g. h1 + p { .. }


속성 선택자(attribute selector)

e.g. 

abbr[title]:hover { .. }

a[rel="nofollow"] { .. }