첫 번째 아이라고하는 이유는 무엇입니까?

Question

나는 아래 표를 얻으 리라 기대하지만 그럼에도 불구하고, 나는 모두가 생각하는 것을 알고 싶다.

<div> 
    <p>Paragraph1</p> 
    <p>Paragraph2</p> 
</div> 
<div> 
</div> 

은 문자 그대로 당신이있는 경우

, 나는 우리가 아는 한, 그것은 HTML의 첫 번째 div를 선택 <p>Paragraph1</p>이 div 의 첫 번째 자식 노드이기 때문에 <p>Paragraph1</p>에 대한 선택 div:first-child을 기대하지만 것 간단하게 :first 또는 :first-sibling이라고 부르는 것이 더 바람직하지 않습니까?

Answer 1

jQuery를는 확장 선택이있다. Mozilla's reference documentation (강조 내)에 기재된

Answer 2

: first-child는 부모의 첫 번째 자식임을 의미합니다. 제 생각에는 첫째로 충분히 구체적이지 않습니다. 첫 번째 형제는 둘 다 매우 모호한 것처럼 첫 번째 아이와 너무 비슷하게 보입니다. 그냥 :first에 문제가 :first이 좋은 이름이 아닌 이유 :first-child 그래서 여기 예제는 달리, 첫 번째 경기 후 요소를 찾는 정거장주의, :first :

Answer 3

:

CSS 의사 클래스는 요소의 특정 상태를 지정 선택기에 첨가하는 키워드이다가 선택된다.

의사 클래스는 기존 선택자에 대한 수정 자입니다. 따라서 결과는 기존 선택기와 일치해야하는 부분 집합이어야합니다. 따라서 div:first-child은 div 이외의 것을 반환 할 수 없습니다.

Answer 4

이유에 관해서는 :first은 무엇 때문에 처음부터? 전체 페이지의 첫 번째 div? 이 섹션 에서요? :first-child은 문서, div, ul과 같은 컨텍스트를 제공합니다. 도대체 무엇이.

div로 된 요소를 선택하려고했기 때문에 'taken literally'로 참조하는 것은 실제로 div > :first-child 인 것처럼 보입니다.

div:first은 문자 그대로 취해진 경우 첫 번째 div가 표시됨을 의미합니다. 그래서 항상 페이지의 첫 번째 div가됩니다.

div:first-child 말 그대로 받아 들인다는 것은 "부모님의 첫 번째 아이가되는 div"를 의미합니다. psuedo 클래스가 적용되는 요소를 설명한다는 것을 기억해야합니다.