Bagaimanakah Saya Boleh Menggayakan Kejadian Pertama Elemen HTML Tertentu Merentas Keseluruhan Dokumen?

Memadankan Elemen Pertama/N dari Jenis Tertentu dalam Keseluruhan Dokumen

Masalah:
Bagaimanakah kita boleh menggunakan gaya CSS pada kejadian pertama elemen HTML tertentu, tanpa mengira lokasinya dalam dokumen?

Penyelesaian CSS:
Malangnya, CSS sahaja tidak boleh mencapai ini. Kelas pseudo :first-of-type hanya digunakan pada elemen yang merupakan jenis pertama dalam elemen induknya.

Penyelesaian JavaScript: querySelector()
Menggunakan JavaScript, kita boleh memanfaatkan kaedah querySelector() untuk mengenal pasti dan memanipulasi elemen dalam dokumen. Contohnya, untuk menggayakan elemen p pertama dalam dokumen:

document.querySelector('p').className = ' first-of-type';<br>

Kod ini menambah kelas 'first-of-type' kepada elemen p pertama, yang kemudiannya boleh digayakan menggunakan CSS berikut peraturan:

p.first-of-type {<br> latar belakang: merah jambu;<br>}<br>

Kesimpulan:
Walaupun ia tidak boleh dilakukan dalam CSS sahaja, menggunakan kaedah querySelector() JavaScript menyediakan penyelesaian yang fleksibel untuk memadankan dan menggayakan elemen pertama/n jenis tertentu dalam keseluruhan dokumen.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggayakan Kejadian Pertama Elemen HTML Tertentu Merentas Keseluruhan Dokumen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!