Was sind die untergeordneten CSS-Selektoren?

Es gibt 5 untergeordnete CSS-Selektoren, nämlich: „:first-child“-Selektor, „:only-child“-Selektor, „:nth-child(n)“-Selektor, „:nth-last-child“ (n)“ Selektor, „:last-child“-Selektor.

【Empfohlenes Tutorial: CSS-Video-Tutorial】

css-Kinderselektor

:first-child wählt das erste untergeordnete Element aus, das zu seinem übergeordneten Element gehört. Beispiel: p:first-child, wählt jedes

-Element aus, das das erste untergeordnete Element des übergeordneten Elements ist. :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, entspricht jedem Element, das das einzige untergeordnete Element seines übergeordneten Elements ist. Beispiel: p:only-child wählt jedes

-Element aus, das das einzige untergeordnete Element seines übergeordneten Elements ist.

:nth-child(n) , entspricht dem N-ten untergeordneten Element, das zu seinem übergeordneten Element gehört, unabhängig vom Elementtyp. Beispiel: p:nth-child(2), wählt jedes

-Element aus, das das zweite untergeordnete Element seines übergeordneten Elements ist.

:nth-last-child(n), stimmt mit jedem Element überein, das das N-te untergeordnete Element seines Elements ist, unabhängig vom Typ des Elements, gezählt vom letzten untergeordneten Element. Beispiel: p:nth-last-child(2), wie oben, gezählt vom letzten untergeordneten Element. 🎜🎜:last-child, entspricht jedem Element, das das letzte untergeordnete Element seines übergeordneten Elements ist. Beispiel: p:last-child, wählt jedes

-Element aus, das das letzte untergeordnete Element seines übergeordneten Elements ist. 🎜🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Einführung in die Programmierung🎜! ! 🎜

Das obige ist der detaillierte Inhalt vonWas sind die untergeordneten CSS-Selektoren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!