communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

Maison > interface Web > tutoriel CSS > Utilisez CSS pour styliser chaque élément qui est le deuxième enfant de son parent

Utilisez CSS pour styliser chaque élément qui est le deuxième enfant de son parent

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Libérer： 2023-09-11 08:57:08

avant

771 Les gens l'ont consulté

使用 CSS 为作为其父级的第二个子级的每个元素设置样式

Pour utiliser CSS pour styliser chaque élément

qui est le deuxième enfant de son parent, utilisez le sélecteur CSS :nth-child(n).

Exemple h2>

Vous pouvez essayer d'exécuter le code suivant pour obtenir : sélecteur nth-child(n)

Démo en direct

<!DOCTYPE html>
<html>
   <head>
      <style>
         p:nth-child(4) {
            background: orange;
            color: white;
         }
      </style>
   </head>
   <body>
      <p>This is demo text 1.</p>
      <p>This is demo text 2.</p>
      <p>This is demo text 3.</p>
      <p>This is demo text 4.</p>
      <p>This is demo text 5.</p>
      <p>This is demo text 6.</p>
   </body>
</html>

Copier après la connexion

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!

Article précédent：Transformations 2D en CSS3 Article suivant：Apprenez la mise en page flexible CSS3, comment créer une mise en page flexible ?

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

Derniers articles par auteur