Maison > interface Web > tutoriel CSS > le corps du texte

Comment sélectionner le nième élément enfant à l'aide de l'attribut CSS nth-child(n) correspondant

不言
Libérer: 2018-06-21 16:39:33
original
2564 Les gens l'ont consulté

Cet article explique principalement comment utiliser l'attribut CSS nth-child(n) pour faire correspondre et sélectionner le nième élément enfant. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer. 🎜>

css matching sélectionne le nième élément enfant Vous pouvez utiliser le sélecteur :nth-child(n), qui correspond au Nième élément enfant appartenant à son élément parent, quel que soit le type de l'élément

<.> est ajouté pour que le deuxième ème 50% de la largeur totale du tableau


Définition :
<style type = "text/css"> 
table tr th:nth-child(2) 
</style> 
<table> 
<tr> 
<th>第一个</th> 
<th>第二个</th> 
<th>第三个</th> 
</tr> 
</table>
Copier après la connexion

:nth-child(n) Le sélecteur correspond. le premier élément qui appartient à son élément parent (dans ce cas, tr) N (sélectionnez le 2ème ici) éléments enfants (ici l'élément enfant est th), quel que soit le type d'élément.

Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

À propos de la façon d'utiliser l'attribut table-cell en CSS


Comment utiliser le pointeur CSS- L'attribut events implémente l'effet de pénétration de la souris


Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal