CSS Escape / Unescape
Escape teks untuk identifier dan selector CSS persis seperti CSS.escape(), atau untuk string CSS bertanda kutip; unescape urutan \HEX. Menangani angka, emoji, # dan titik.
19 karakter · 19 byte (UTF-8)
0 karakter · 0 byte (UTF-8)
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Apa itu CSS Escape?
Meng-escape teks agar bisa dipakai sebagai identifier CSS – id atau class dalam selector, misalnya di querySelector – mengikuti algoritma CSSOM CSS.escape(), atau sebagai isi string CSS bertanda kutip. Alat ini juga mengonversi escape CSS kembali menjadi teks.
Cara menggunakan CSS Escape
- Pilih Escape atau Unescape.
- Untuk escape, pilih Konteks: Identifier / selector CSS (CSS.escape) atau Nilai string dalam tanda kutip; opsional Escape non-ASCII sebagai \HEX.
- Masukkan id, class, atau string di Masukan lalu salin Keluaran.
Contoh
0a#b.c
\30 a\#b\.c
Kapan menggunakan CSS Escape
Gunakan mode identifier setiap kali id atau class mungkin diawali angka atau berisi karakter seperti ., :, #, atau spasi – mis. document.querySelector("#" + CSS.escape(id)). Gunakan mode string untuk nilai content: atau nama font. Alat ini tidak memvalidasi atau me-minify CSS.
Cara kerja CSS Escape
Mode identifier mengikuti CSSOM §2.1: NUL menjadi U+FFFD; karakter kontrol, angka di awal, atau angka setelah tanda hubung di awal menjadi escape code point \HEX ; - tunggal menjadi \-; huruf, angka, -, _, dan karakter non-ASCII dipertahankan; setiap karakter ASCII lain diberi backslash (# → \#). Mode string meng-escape \, ", dan ' dengan backslash serta karakter kontrol (termasuk newline) sebagai \HEX . Unescape membaca \ ditambah 1–6 digit hex dan satu spasi opsional, menghapus newline yang di-escape, dan mempertahankan karakter ter-escape lainnya secara literal.
Kasus Penggunaan Umum
- Memilih elemen yang id-nya diawali angka (
#\31 23) - Membangun selector dari nama class buatan pengguna
- Menulis karakter khusus dalam string
content: - Membaca selector ter-escape yang dihasilkan alat lain
Pertanyaan Umum
Mengapa angka di awal menjadi \3X ?
Identifier CSS tidak boleh diawali angka, sehingga angka ditulis sebagai code point-nya (1 = \31) diikuti spasi yang mengakhiri escape.
Apakah ini sama dengan CSS.escape() milik browser?
Ya, mode identifier mengimplementasikan spesifikasi yang sama dan memberikan output yang identik.
Apakah saya perlu meng-escape karakter non-ASCII?
Tidak, file CSS berencoding UTF-8 bisa memuatnya secara langsung. Opsi ini untuk stylesheet yang khusus ASCII.