CSS での:first-child 疑似クラスの使用法

WBOY

リリース： 2023-09-05 10:49:02

転載

1258 人が閲覧しました

CSS 中 :first-child 伪类的用法

:first-child 疑似クラスを使用して、他の要素の最初の子である要素に特別なスタイルを追加します。

例

:first-child pseudo-class -

<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>

ログイン後にコピー

の使用法を理解するには、次のコードを実行してみてください。

以上がCSS での:first-child 疑似クラスの使用法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース：tutorialspoint.com

前の記事：CSS を使用して要素の背景画像を設定するには、どのプロパティが使用されますか? 次の記事：CSS border-top-left-radius プロパティ

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

著者別の最新記事