Ketahui peraturan sintaks pemilih id

Untuk menguasai peraturan tatabahasa pemilih id, contoh kod khusus diperlukan

Dalam proses pembangunan web, untuk memilih elemen yang ditentukan dengan tepat untuk penggayaan, kami sering menggunakan pemilih CSS. Antaranya, pemilih id adalah pemilih yang paling biasa digunakan dan penting. Artikel ini akan memperkenalkan peraturan sintaks pemilih id dan menyediakan contoh kod khusus untuk membantu pembaca memahami dan menguasainya dengan lebih baik.

Pertama sekali, pemilih id memilih elemen dengan menambahkan atribut id pada elemen HTML. Nilai atribut id hendaklah unik, iaitu, tiada nilai id pendua dalam keseluruhan dokumen HTML. Dengan menambahkan atribut id, kita boleh menentukan pengecam unik untuk elemen, dan kemudian menggunakan pengecam ini dalam CSS untuk menggayakan elemen.

Pemilih id mengikut peraturan sintaks berikut:

1. Dalam CSS, pemilih id diwakili dengan menggunakan simbol "#" diikuti dengan nilai atribut id, contohnya: "#myButton".
2. Nilai pemilih id tidak boleh bermula dengan nombor dan hanya boleh mengandungi simbol huruf, nombor, tanda sempang (-), garis bawah (_), titik bertindih (:) dan titik (.).
3. Pemilih id adalah sensitif huruf besar-besaran, jadi pastikan bahawa kes semasa menambahkan atribut id pada elemen HTML adalah konsisten dengan kes semasa menggunakan pemilih id dalam CSS.

Berikut ialah beberapa contoh kod khusus untuk membantu pembaca lebih memahami dan menguasai penggunaan pemilih id:

1. Tambah atribut id dalam HTML:

   <button id="myButton">Click me</button>

   Kod di atas akan menambah atribut id pada butang dan menetapkan unik pengecam untuknya sebagai "myButton".

2. Gunakan pemilih id untuk menetapkan gaya dalam CSS:

   #myButton {
   background-color: blue;
   color: white;
   padding: 10px;
   border-radius: 5px;
   }

   Elemen gaya kod di atas dengan nilai atribut id yang sepadan dengan menggunakan pemilih id "#myButton". Di sini, warna latar belakang butang ditetapkan kepada biru, warna teks berwarna putih, padding ialah 10px dan sudut bulat sempadan ialah 5px.

Melalui contoh kod di atas, kita boleh melihat cara menggunakan pemilih id. Hanya gunakan format "#idValue" dalam helaian gaya CSS, dengan idValue ialah nilai atribut id bagi elemen HTML.

Untuk meringkaskan, pemilih id ialah pemilih CSS yang biasa digunakan yang memilih elemen tertentu untuk tetapan gaya dengan menambahkan atribut id pada elemen HTML. Anda perlu menguasai peraturan sintaks pemilih id untuk menggunakannya dengan betul. Saya berharap melalui contoh kod khusus dalam artikel ini, pembaca dapat lebih memahami dan menguasai penggunaan pemilih id.

Atas ialah kandungan terperinci Ketahui peraturan sintaks pemilih id. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!