[CSS] CSS Selector

셀럭터를 제대로 정리해본 적이 없는데,
오늘 코드스테이츠에서 공부한김에 정리!

1. 모든 태그 선택
   ex) * {background : red;} : 백그라운드 컬러 모두 빨강으로 줌

2. 후손셀렉터 : 자식+손자 태그 모두 선택
   ex) div b : div아래 모든 b태그 선택

3. 자식셀렉터 : 자식 태그만 선택
   ex) div > b : div아래 바로 밑에 있는 자식b태그만 선택

4. 형제셀렉터 : 부모 같은 자식태그로 연결된 것 중 선택
   ex1) 1i.1 ~ li : li태그 중 클래스가 1인 태그를 제외한 나머지 li선택
   ex2) li.1 + li : li태그 중 클래스가 1인 태그를 제외한 바로 밑의 li만 선택

5. div.b : div && b 태그

6. div,b : div || b 태그

7. li:first-child : li의 바로 첫번째 태그 선택

8. li:nth-child(n) : li의 n번째 태그 선택
   ex) li:nth-child(2n) : li의 모든 2의 배수번째 태그 선택

9. li:not(.green) : li중 green 클래스가 아닌 모든 태그 선택