communauté

Apprendre

Bibliothèque d'outils

Outils d'IA

Loisirs

Français

Maison > interface Web > tutoriel CSS > Utilisation de la pseudo-classe :first-child en CSS

Utilisation de la pseudo-classe :first-child en CSS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Libérer： 2023-09-05 10:49:02

avant

1330 Les gens l'ont consulté

CSS 中 :first-child 伪类的用法

Utilisez la pseudo-classe :first-child pour ajouter des styles spéciaux aux éléments qui sont le premier enfant d'autres éléments.

Exemple

Vous pouvez essayer d'exécuter le code suivant pour comprendre l'utilisation de :pseudo-classe premier enfant -

<html>
   <head>
      <style>
         div > p:first-child
         {
            text-indent: 25px;
         }
      </style>
   </head>
   <body>
      <div>
         <p>First paragraph in div. This paragraph will be indented</p>
         <p>Second paragraph in div. This paragraph will not be indented</p>
      </div>
         <p>But it will not match the paragraph in this HTML:</p>
      <div>
         <h3>Heading</h3>
         <p>The first paragraph inside the div. This paragraph will not be effected.</p>
      </div>
   </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：Quelle propriété est utilisée pour définir l’image d’arrière-plan d’un élément à l’aide de CSS ? Article suivant：Propriété CSS border-top-left-radius

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