子要素のフィルター セレクターとは何ですか?

一般的に使用される子要素のフィルタリング セレクターには、「: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)"、および ":nth - last-of-type(n)」の10種類。

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

CSS では、子要素フィルター セレクターを使用して、要素の子要素を選択し、同時にフィルターをかけることができます。一般的に使用される子要素フィルター セレクターの一部を次に示します。

1. :first-child: 指定された要素の最初の子要素を選択します。

2. :last-child: 指定された要素の最後の子要素を選択します。

3. :only-child: 指定された要素の唯一の子要素を選択します。

4. :nth-child(n): 指定された要素の n 番目の子要素を選択します。 n は数値、式、またはキーワードです。例: nth-child(2n) は偶数の位置にある子要素を選択することを意味し、:nth-child(odd) は奇数の位置にある子要素を選択することを意味します-番号付きの位置。

5. :nth-last-child(n): 上記の:nth-child() と似ていますが、後ろから前に選択します。

6. :first-of-type: 指定された要素タイプの最初の子要素を選択します。

7. :last-of-type: 指定された要素タイプの最後の子要素を選択します。

8. :only-of-type: 指定された要素タイプの唯一の子要素を選択します。

9. :nth-of-type(n): 指定された要素タイプの n 番目の子要素を選択します。

10. :nth-last-of-type(n): 上記の:nth-of-type() と似ていますが、後ろから前に選択されます。

これらのサブ要素フィルター セレクターは、単独で使用することも、組み合わせて使用​​することもでき、必要なサブ要素をより正確に選択できます。

以上が子要素のフィルター セレクターとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。