Was sind die Filterselektoren für untergeordnete Elemente?

Einige häufig verwendete Filterselektoren für untergeordnete Elemente sind „:first-child“, „:last-child“, „:only-child“, „:nth-child(n)“, „:nth-last-child( n )“, „:first-of-type“, „:last-of-type“, „:only-of-type“, „:nth-of-type(n)“ und „:nth-last-of - Typ(n)“ zehn Typen.

Das Betriebssystem dieses Tutorials: Windows 10-System, Dell G3-Computer.

In CSS können Sie die Filterauswahl für untergeordnete Elemente verwenden, um die untergeordneten Elemente eines Elements auszuwählen und sie gleichzeitig zu filtern. Im Folgenden sind einige häufig verwendete Filterselektoren für untergeordnete Elemente aufgeführt:

1. : erstes untergeordnetes Element: Wählen Sie das erste untergeordnete Element des angegebenen Elements aus.

2. :last-child: Wählen Sie das letzte untergeordnete Element des angegebenen Elements aus.

3. :only-child: Wählen Sie das einzige untergeordnete Element des angegebenen Elements aus.

4. :nth-child(n): Wählen Sie das n-te untergeordnete Element des angegebenen Elements aus. Dabei kann n eine Zahl, ein Ausdruck oder ein Schlüsselwort sein, zum Beispiel: nth-child(2n) bedeutet, das untergeordnete Element an der geraden Position auszuwählen, und :nth-child(odd) bedeutet, das untergeordnete Element an der ungeraden Position auszuwählen -nummerierte Position.

5. :nth-last-child(n): Ähnlich wie :nth-child() oben, wählt jedoch von hinten nach vorne aus.

6. :first-of-type: Wählen Sie das erste untergeordnete Element des angegebenen Elementtyps aus.

7. :last-of-type: Wählen Sie das letzte untergeordnete Element des angegebenen Elementtyps aus.

8. :only-of-type: Wählen Sie das einzige untergeordnete Element des angegebenen Elementtyps aus.

9. :nth-of-type(n): Wählen Sie das n-te untergeordnete Element des angegebenen Elementtyps aus.

10. :nth-last-of-type(n): Ähnlich wie :nth-of-type() oben, aber von hinten nach vorne ausgewählt.

Diese Filterselektoren für untergeordnete Elemente können einzeln oder in Kombination verwendet werden, um die erforderlichen untergeordneten Elemente genauer auszuwählen.

Das obige ist der detaillierte Inhalt vonWas sind die Filterselektoren für untergeordnete Elemente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!