masyarakat

Belajar

Perpustakaan Alatan

Alat AI

Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial css > Penggunaan :first-child pseudo-class dalam CSS

Penggunaan :first-child pseudo-class dalam CSS

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2023-09-05 10:49:02

ke hadapan

1381 orang telah melayarinya

CSS 中 :first-child 伪类的用法

Gunakan kelas pseudo :anak pertama untuk menambah gaya istimewa pada elemen yang merupakan anak pertama unsur lain.

Contoh

Anda boleh cuba jalankan kod berikut untuk memahami penggunaan :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>

Salin selepas log masuk

Atas ialah kandungan terperinci Penggunaan :first-child pseudo-class dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Artikel sebelumnya：Sifat manakah yang digunakan untuk menetapkan imej latar belakang elemen menggunakan CSS? Artikel seterusnya：Sifat jejari sempadan-atas-kiri-kiri CSS

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang