Bolehkah Anda Menyasarkan Elemen HTML dengan ID Angka Menggunakan Pemilih CSS?

Bolehkah Pemilih CSS Menyasarkan Elemen dengan ID Numerik?

HTML5 membenarkan ID mengandungi digit semata-mata, menjadikannya sah dari segi teknikal. Walau bagaimanapun, penggunaan ID berangka boleh menimbulkan cabaran apabila menyasarkannya dengan pemilih CSS.

Kesahihan dalam HTML

ID berangka tidak dihadkan oleh spesifikasi HTML5 dan disokong secara meluas oleh pelayar. Mereka mematuhi peraturan bahawa nilai ID mesti terdiri daripada aksara bukan ruang putih.

Perangkap dengan Pemilih CSS

Walaupun ID yang bermula dengan nombor adalah sah dalam HTML, mereka tidak boleh digunakan secara langsung dalam pemilih CSS. Untuk memintas pengehadan ini, anda perlu melepaskan digit awal dengan garis miring ke belakang (). Sebagai contoh, untuk memilih elemen dengan ID "12" dalam CSS, anda akan menggunakan #3132 (di mana 31 ialah kod perenambelasan untuk "1" dan 32 untuk "2").

Penyelesaian

Untuk mengelakkan kerumitan yang diperkenalkan dengan menggunakan ID berangka dalam pemilih CSS, pertimbangkan untuk memulakan ID dengan huruf. Sebagai alternatif, anda boleh menggunakan JavaScript untuk memanipulasi elemen berdasarkan ID berangkanya. Kaedah JavaScript seperti document.getElementById dan document.querySelector boleh menyasarkan elemen tanpa mengira format ID mereka.

Contoh

Kod berikut menunjukkan berfungsi dengan elemen yang mempunyai ID yang bermula dengan nombor:

<div>

Ingat, walaupun ID angka secara teknikal boleh diterima dalam HTML, secara amnya lebih disukai untuk memulakan ID dengan huruf untuk kesederhanaan dalam penggayaan CSS.

Atas ialah kandungan terperinci Bolehkah Anda Menyasarkan Elemen HTML dengan ID Angka Menggunakan Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!