자식 선택자. 헤깔릴 수 있는 부분 (>, 띄어쓰기, nth-child)

.class > div

바로 아래있는 자식 선택자.

 

.class div

띄어쓰기하면 자식을 포함한 후손 모두 선택.

 

.class p:nth-child(1)

해석 방법을 내가 착각하고 있었다.

.class 안에서 첫번째 요소를 선택하는데 그게 p테크이냐. 로 시작된다.

p태그이면 실행이 되지만 아니면 선택이 안된다.

그러면 이럴때는

 

.class :nth-child(1) 이렇게 하는 것도 방법이다.