Bagaimana untuk Menggayakan Elemen dengan Nama Kelas CSS Bermula dengan Nombor?

Nama Kelas CSS Bermula dengan Nombor: Penyelesaian

Walaupun tatabahasa CSS melarang penggunaan nama kelas yang bermula dengan nombor, kes timbul apabila nama kelas tersebut wujud dalam dokumen HTML. Artikel ini meneroka penyelesaian untuk menjadikan nama ini sah dalam CSS.

Gambaran Keseluruhan Masalah

Menurut sintaks CSS, pengecam tidak boleh bermula dengan digit yang tidak dilepaskan. Kelas yang bermula dengan nombor, seperti '.000000-8', adalah tidak sah.

Penyelesaian

Penyelesaian untuk menjadikan kelas CSS dengan nama yang bermula dengan nombor sah melibatkan pelarian digit.

Dengan menggunakan urutan pelarian CSS "", digit boleh ditukar kepada aksara yang dilepaskan. Sebagai contoh, nama kelas '.000000-8' boleh dinyatakan sebagai:

<code class="css">. 00000-8 {background:url(../../images/common/000000-0.8.png);}</code>

atau

<code class="css">.<pre class="brush:php;toolbar:false"><code class="css">. 00000-8 { ... }</code>

003000000-8 {background:url(../../images/common/FFFFFF-0.8.png);}

Contoh Penggunaan

Untuk menggunakan aksara yang dilepaskan dalam pemilih CSS, hanya awalan digit depan dengan jujukan melarikan diri. Sebagai contoh, pemilih berikut akan memadankan elemen dengan kelas '000000-8':

Pertimbangan Praktikal

Walaupun penyelesaian ini menyelesaikan isu teknikal, secara amnya tidak digalakkan untuk menggunakan nama kelas yang bermula dengan nombor. Ini boleh menyebabkan kekeliruan dan menyukarkan untuk mengekalkan kod. Jika boleh, sebaiknya gunakan nama kelas alfanumerik tanpa digit pendahuluan.

Atas ialah kandungan terperinci Bagaimana untuk Menggayakan Elemen dengan Nama Kelas CSS Bermula dengan Nombor?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!