ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS 属性 nth-child(n) マッチングを使用して n 番目の子要素を選択する方法

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

不言
リリース: 2018-06-21 16:39:33
オリジナル
2602 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート