cari

Rumah >hujung hadapan web >tutorial css >Gunakan CSS untuk menggayakan setiap elemen yang merupakan anak kedua kepada induknya

Gunakan CSS untuk menggayakan setiap elemen yang merupakan anak kedua kepada induknya

WBOY
WBOYke hadapan
2023-09-11 08:57:08752semak imbas

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

Untuk menggunakan CSS untuk menggayakan setiap elemen

yang merupakan anak kedua daripada induknya, gunakan pemilih CSS :nth-child(n).

Contoh h2>

Anda boleh cuba jalankan kod berikut untuk mencapai:nth-child(n) selector

Live Demo

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

Atas ialah kandungan terperinci Gunakan CSS untuk menggayakan setiap elemen yang merupakan anak kedua kepada induknya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

css 选择器
Kenyataan：
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Perubahan 2D dalam CSS3Artikel seterusnya：Perubahan 2D dalam CSS3

Artikel berkaitan

Lihat lagi