一般的に使用される子要素のフィルタリング セレクターには、「: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 では、子要素フィルター セレクターを使用して、要素の子要素を選択し、同時にフィルターをかけることができます。一般的に使用される子要素フィルター セレクターの一部を次に示します。
:first-child: 指定された要素の最初の子要素を選択します。
:last-child: 指定された要素の最後の子要素を選択します。
:only-child: 指定された要素の唯一の子要素を選択します。
:nth-child(n): 指定された要素の n 番目の子要素を選択します。 n は数値、式、またはキーワードです。例: nth-child(2n) は偶数の位置にある子要素を選択することを意味し、:nth-child(odd) は奇数の位置にある子要素を選択することを意味します-番号付きの位置。
:nth-last-child(n): 上記の:nth-child() と似ていますが、後ろから前に選択します。
:first-of-type: 指定された要素タイプの最初の子要素を選択します。
:last-of-type: 指定された要素タイプの最後の子要素を選択します。
:only-of-type: 指定された要素タイプの唯一の子要素を選択します。
:nth-of-type(n): 指定された要素タイプの n 番目の子要素を選択します。
:nth-last-of-type(n): 上記の:nth-of-type() と似ていますが、後ろから前に選択されます。
これらのサブ要素フィルター セレクターは、単独で使用することも、組み合わせて使用することもでき、必要なサブ要素をより正確に選択できます。
以上が子要素のフィルター セレクターとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。