선택자에 의해 선택된 요소들은 선택자의 주제(subject) 라 한다.
ex) a {...}
ex) * { ... }
-> 전체 라는 의미
문서 전체를 선택한다
ex) #id_name { ... } / .class_name { ... }
li.menu { ... }
: li 태그 중 menu클래스인 것에만 대하여..
ex) input[type=text] { ... }
ex) div li { ... }
자기 밑에 쭉~ (자식, 자식의 자식, 자식의 자식의 자식, ... )
ex) div>h1 { ... }
자기 딱 한 단계 밑만 (only 자식)
동등한 위치에서
ex) h3+div { ... }
ex) h3~div { ... }
마우스의 반응에 대한 속성 설정
ex) li:hover { ... } / a.active { ... } / a.visited { ... }
마우스 올려놓으면
마우스 클릭하면
link 클릭해서 방문하면
상태에 따라 변화
focus가 된 input 태그를 선택 (입력중일 시 focus 됐다고 한다)
입력이 가능한 input 태그를 선택
입력이 불가능한 input 태그를 선택