CSS 属性 nth-child(n) マッチングを使用して n 番目の子要素を選択する方法

この記事では、CSS 属性 nth-child(n) を使用して n 番目の子要素を照合および選択する方法を主に紹介します。これで、必要な友達に参照できるようになりました。 n 番目の子要素を選択するためのマッチング 子要素は、要素の種類に関係なく、親要素に属する N 番目の子要素と一致する :nth-child(n) セレクターを使用できます。

Add を使用して 2 番目のアカウントを作成します。テーブルの合計幅の 50%

<style type = "text/css"> 
table tr th:nth-child(2) 
</style> 
<table> 
<tr> 
<th>第一个</th> 
<th>第二个</th> 
<th>第三个</th> 
</tr> 
</table>

定義:

:nth-child(n) セレクターは、N 番目 (ここでは 2 番目を選択) の子要素 ​​(ここでは 2 番目) の子要素と一致します。子要素は、要素のタイプに関係なく、その親要素 (ここでは tr) に属する th) です。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

CSS で table-cell 属性を使用する方法について

CSS の pointer-events 属性を使用してマウス貫通効果を実現する方法

以上がCSS 属性 nth-child(n) マッチングを使用して n 番目の子要素を選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。