5장 CSS 선택자(selector)
CSS 선택자(selector) - 스타일을 지정할 요소를 결정하는 방법- 기본 선택자 - 전체, 태그, 아이디, 클래스
- 속성 선택자
- 후손/자식 선택자
- 반응 선택자 - 마우스 커서가 올라가거나 클릭하거나
- 상태 선택자 - 체크, 포커스, 활성/비활성 여부
- 구조 선택자 - 나열된 요소들의 첫 번째, 마지막, 반복 위치의 요소
참고: http://www.w3schools.com/cssref/css_selectors.asp
실습
교재의 예제 5-9를 아래와 같이 바꿔보기.
먼저 홀수칸의 배경색은 lightblue, 짝수칸의 배경색은 deepskyblue
그리고 마우스 커서가 홀수칸으로 올라가면 배경색을 black, 글씨 색은 yellow
짝수칸으로 올라갔을 때에는 배경색 black, 글씨 색은 white
힌트:
li:first_child:hover 와 같이 선택자를 사용할 수 있음
