Bagaimanakah Rujukan Aksara Unicode digunakan untuk mewakili peratusan dalam nama kelas CSS?

Apakah yang dimaksudkan dengan .container.31 2525 dalam CSS?

Dalam CSS, pengecam boleh mengandungi aksara khas, seperti garis miring ke belakang ( ). Watak sengkang ke belakang mempunyai tujuan yang berbeza dalam CSS, bergantung pada konteksnya.

Watak Escape

Dalam rentetan, sengkang ke belakang diikuti dengan garis baharu diabaikan. Di luar rentetan, garis miring ke belakang diikuti dengan garis baharu melambangkan dirinya sendiri.

Meloloskan Diri Watak Istimewa

Segaris ke belakang boleh digunakan untuk melarikan diri dari aksara CSS khas, menjadikan mereka kehilangan ciri istimewa mereka maksudnya. Contohnya, petikan berganda (") dalam rentetan boleh dilepaskan sebagai ".

Rujukan Aksara Unikod

Segaris ke belakang diikuti sehingga enam digit perenambelasan (0 -9a-fA-F) mewakili aksara ISO 10646 dengan nombor itu. Ruang putih atau digit heksadesimal tambahan digunakan untuk menamatkan rujukan.

Dalam kod yang diberikan, garis sengkang ke belakang () sedang digunakan untuk mewakili nilai peratusan dalam nama kelas unsur .container:

<code class="css">.container. 25 { /* 125% */
  width: 100%;
}</code>

Aksara khas 31, 25 dan 25 masing-masing mewakili nombor perenambelasan untuk aksara "1", "%", dan "%". Oleh itu, kod ini bersamaan dengan:

<code class="css">.container[class ~= "125%"] { /* 125% */
  width: 100%;
}</code>

Pemilih kelas ini sepadan dengan mana-mana elemen dengan kelas yang mengandungi "125%". Pengiraan untuk lebar elemen adalah seperti berikut:

width = (containers * 125%)

Atas ialah kandungan terperinci Bagaimanakah Rujukan Aksara Unicode digunakan untuk mewakili peratusan dalam nama kelas CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!