Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Memilih Contoh Pertama Jenis Elemen Tertentu dalam Keseluruhan Dokumen Menggunakan CSS?
Bagaimana untuk Memilih Contoh Pertama Jenis Elemen Tertentu dalam Keseluruhan Dokumen Menggunakan CSS?
- Linda Hamiltonasal
- 2024-12-08 22:52:12597semak imbas
Memadankan Elemen Pertama Jenis Tertentu Di Mana-mana Dalam Dokumen
Soalan:
Bagaimana anda boleh menentukan yang pertama contoh jenis elemen tertentu dalam keseluruhan dokumen menggunakan CSS?
Jawapan:
CSS biasa tidak membenarkan pemadanan elemen pertama jenis tertentu merentas keseluruhan dokumen. Ini kerana :first-of-type pseudo-class hanya terpakai kepada elemen relatif kepada induknya dan bukannya akar dokumen.
JavaScript Solutions
Simulating :first-of-type
Anda boleh menganggarkan kefungsian :first-of-type dengan JavaScript menggunakan kaedah querySelector(), yang mendapatkan semula elemen padanan pertama daripada pemilih yang ditentukan. Berikut ialah contoh:
document.querySelector('p').className += ' first-of-type';
p {
background: red;
}
p.first-of-type {
background: pink;
}
Kod ini memberikan kelas "jenis pertama" kepada
elemen dalam dokumen, membolehkan anda menggayakannya secara bebas:
<body>
<section>
<p>111</p>
<p>222</p>
<p>333</p>
</section>
<p>444</p>
<p>555</p>
</body>Atas ialah kandungan terperinci Bagaimana untuk Memilih Contoh Pertama Jenis Elemen Tertentu dalam Keseluruhan Dokumen Menggunakan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!