Dalam dunia CSS, sudah lama terdapat keperluan untuk cara untuk menetapkan pembolehubah global yang boleh digunakan di seluruh dunia lembaran gaya. Ini telah menjadi kekecewaan besar bagi pembangun, kerana ia boleh menjadi sangat membosankan untuk menukar setiap contoh nilai secara manual apabila membuat perubahan.
Berita Baik:
Akhirnya, Sifat Tersuai CSS (Pembolehubah) telah tiba! Dengan pengenalan pembolehubah, pembangun kini boleh memusatkan nilai dan warna sepunya, menjadikannya sangat mudah untuk mengurus tema dan menggunakan perubahan.
1. Tentukan Kelas Root:
Buat elemen pseudo :root di bahagian atas helaian gaya anda. Ini akan berfungsi sebagai bekas untuk sifat tersuai anda.
<code class="css">:root { }</code>
2. Tetapkan Pembolehubah:
Dalam elemen :root, isytiharkan pembolehubah anda menggunakan sintaks berikut:
<code class="css">--variable-name: value;</code>
3. Gunakan Pembolehubah:
Kini anda boleh menggunakan pembolehubah di mana-mana sahaja dalam dokumen CSS anda menggunakan fungsi var():
<code class="css">h1 { color: var(--color-primary); }</code>
Sifat Tersuai CSS disokong secara meluas oleh penyemak imbas moden, termasuk Firefox, Chrome , Safari, Opera, Edge dan Android.
Sifat Tersuai CSS ialah penukar permainan untuk penggayaan CSS. Mereka menawarkan keupayaan hebat untuk mengurus nilai dan tema global, memudahkan penyelenggaraan kod dan meningkatkan pengalaman pembangun keseluruhan. Terima ciri baharu ini dan lepaskan potensi pembolehubah CSS dalam projek anda.
Atas ialah kandungan terperinci Pembolehubah Global CSS: Adakah Mereka Masa Depan Pengurusan Tema?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!