CSS 하위 선택자는 무엇입니까?

5개의 CSS 하위 선택기가 있습니다. 즉, ":first-child" 선택기, ":only-child" 선택기, ":nth-child(n)" 선택기, ":nth-last-child" (n)" 선택자, ":last-child" 선택자.

【추천 튜토리얼: CSS 동영상 튜토리얼】

css child selector

:first-child는 상위 요소에 속하는 첫 번째 하위 요소를 선택합니다. 예: p:first-child, 상위 요소의 첫 번째 하위 요소인 모든

요소를 선택합니다. :first-child，选取属于其父元素的首个子元素。例：p:first-child，选择属于父元素的第一个子元素的每个

元素。

:only-child，匹配属于其父元素的唯一子元素的每个元素。例：p:only-child，选择属于其父元素的唯一子元素的每个

元素。   

:nth-child(n) ，匹配属于其父元素的第 N 个子元素，不论元素的类型。例：p:nth-child(2)，选择属于其父元素的第二个子元素的每个

元素。    

:nth-last-child(n)，匹配属于其元素的第 N 个子元素的每个元素，不论元素的类型，从最后一个子元素开始计数。例：p:nth-last-child(2)，同上，从最后一个子元素开始计数。    

:last-child

:only-child는 상위 요소의 유일한 하위 요소인 모든 요소와 일치합니다. 예: p:only-child는 상위 요소의 유일한 하위 요소인 각

요소를 선택합니다.

:nth-child(n) 는 요소 유형에 관계없이 상위 요소에 속하는 N번째 하위 요소와 일치합니다. 예: p:nth-child(2)는 상위 요소의 두 번째 하위인 모든

요소를 선택합니다.

:nth-last-child(n)는 요소 유형에 관계없이 마지막 하위 요소부터 계산하여 해당 요소의 N번째 하위 요소인 모든 요소와 일치합니다. 예: p:nth-last-child(2), 위와 동일하며 마지막 하위 요소부터 계산됩니다. 🎜🎜:last-child는 상위 요소의 마지막 하위 요소인 모든 요소와 일치합니다. 예: p:last-child는 상위 요소의 마지막 하위 요소인 각

요소를 선택합니다. 🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 소개🎜를 방문하세요! ! 🎜

위 내용은 CSS 하위 선택자는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!