CSS 본문 : first-child

Question

왜이 기능이 작동하지 않는지 설명 할 수 있습니까?

첫 번째 하위 선택자는 body 태그에서 첫 번째 div 개체를 선택해야합니다. div 요소를 선택하지 않으면 무엇을 선택합니까?

Answer 1

첫 번째 div를 타겟팅하려면 body div:first-child해야합니다. 지금 당장 (제 생각에는) 첫 번째 아이를 선택하는 것입니다. (사실 난 당신이 지금 당장 선택하는지이 그것을 생각 올 완전히 확실하지 않다. 나는 first-child 선택은 body 태그에 직접 걸어 유효 생각하지 않습니다.)

body div:first-child { 
    color:#f00; 
}​ 

이 CSS는 예상대로 색상을 지정합니다. 그것을 "육체의 첫 아이 인 div"라고 읽으십시오.

Answer 2

body:first-child의 :first-child 의사 클래스는 body 태그에서 작동

, 그래서 그 선택됩니다 부모의 첫 번째 자식이 원하는 경우 body의 첫 아이는 child selector

를 사용한다 body 태그

body > :first-child{ 
    color:#f00; 
} 

이렇게하면 몸의 첫 번째 아이가됩니다.

Answer 3

귀하의 CSS는 HTML 요소가 될 상위 요소의 첫 번째 하위 요소 인 BODY 요소를 선택한다고 말합니다. 머리는 첫 번째 아이가 BODY가 아닙니다.

은 적어도 난 그 대상에 올바른 :-)

Answer 4

생각이 사용할 수 body의 첫 번째 div,