Bagaimanakah Saya Boleh Menukar Warna Perkataan Terakhir dalam Tag h1 Menggunakan CSS sahaja?

CSS untuk Mengubah Warna Kata Akhir dalam h1

Dalam bidang pembangunan web, elemen penggayaan menggunakan CSS adalah yang terpenting. Pertimbangkan senario di mana tajuk utama tapak web, diwakili oleh

tag, memerlukan percikan kepelbagaian dengan mewarnai perkataan akhir secara berbeza. Semasa menggunakan tag menyediakan penyelesaian yang mudah, pendekatan yang lebih elegan yang menghapuskan keperluan untuk penanda tambahan adalah diingini.

Potensi Penyelesaian

Secara tradisinya, mencapai kesan ini semata-mata melalui CSS adalah mustahil . Walau bagaimanapun, kemajuan dalam bidang CSS telah membuka kemungkinan baru. Salah satu alat tersebut ialah pustaka lettering.js, yang memperkenalkan pemilih ::last-word.

Pelaksanaan

Untuk menggunakan pemilih ini, masukkan skrip lettering.js ke dalam HTML tapak web. Selepas itu, peraturan CSS berikut boleh dilaksanakan:

<code class="css">h1 {
  color: #f00;
}

/* EDIT: Requires lettering.js. 
 * Please read the complete post, before downvoting. Instead vote up. Thank you :)
 */
h1::last-word {
  color: #00f;
}</code>

Dengan menggunakan teknik ini, kata akhir dalam

elemen akan dihiasi dengan warna yang ditentukan, manakala teks yang selebihnya mengekalkan gaya lalainya.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Warna Perkataan Terakhir dalam Tag h1 Menggunakan CSS sahaja?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!