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-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!