선택자 2
- 전체 선택자
- 그룹 선택자
- 가상 클래스 선택자
전체 선택자
말 그대로 HTML 내의 모든 태그를 선택하는 선택자
그룹 선택자
여러개의 선택자를 동시에 선택한 뒤 동일한 CSS 선언을 적용 해 주고 싶을 때 사용
원하는 선택자들을 콤마 [ , ] 를 사용해서 추가해 주면되고
선택자의 갯수제한은 없음
가상 클래스 선택자
실제로 HTML 요소를 수정하지 않고,
CSS 만으로 가상 요소를 추가해 선택할 수 있음
:first-child
이름 그대로 첫번째 자식 이라는 뜻
해당 요소의 형제요소들 중에 첫번째 요소를 선택 한다는 뜻
예를들어 box1 안에 7개의 p 태그가 있을때
box1의 p들중에 첫번째 자식의 배경을 빨간색으로:last-child
first-child와는 반대로
해당 요소의 형제요소들 중에 마지막 요소를 선택
:nth-child(n)
몇번째 요소를 사용할지 직접 입력하는 선택자
요소 번호를 입력하는 n의 위치에는 단순히 번호뿐 아니라
각종 연산자를 사용하는 방법도 가능함
짝수만 선택
홀수만 하고싶다면 2n-1 이렇게 입력하는등 수많은 방법이 있음.:hover
마우스를 올렸을 때 발동되는 이벤트,전환효과.
