Cara Menggunakan Pemilih ID dalam CSS
Dalam beberapa tutorial lepas, kami membincangkan dua daripada tiga jenis peraturan CSS. Jenis pertama adalah pemilih HTML yang berdasarkan dan mengawal gaya untuk tag HTML yang hampir sama. Jenis kedua ialah pemilih kelas yang berfungsi seperti gaya generik yang boleh diterapkan ke mana-mana unsur pada halaman web.

Kini waktunya untuk membincangkan jenis ketiga peraturan CSS yang dipanggil pemilih ID. Seperti pemilih kelas, pemilih ID boleh digunakan pada mana-mana elemen pada halaman web. Walau bagaimanapun, ia hanya digunakan sekali pada halaman. Ini menjadikan pemilih ID sangat berguna untuk HTML dinamik dan JavaScript. Secara teorinya, jika anda menggunakan pemilih ID lebih daripada sekali pada satu halaman, yang berikutnya harus diabaikan oleh penyemak imbas web. Walau bagaimanapun, ini tidak selalu berlaku. Sangat sukar untuk bergantung pada peramalan pelayar web. Oleh itu, apabila anda memilih menggunakan pemilih ID, berhati-hati menggunakannya sekali sahaja. Mari kita lihat contoh.

Kod Asas




. . .

Contoh




. . .



Pemilih ID
Di dalam tag, anda akan melihat bahawa pemilih ID bermula dengan simbol hash (#) dan yang diikuti dengan nama yang anda berikan kepada pemilih ID. Seperti pemilih kelas, anda boleh menggunakan mana-mana nama yang anda mahu tetapi adalah yang terbaik jika nama itu menunjukkan apa yang pemilih ID digunakan. Dalam contoh, kami menggunakannya untuk ID bahagian seksyen teks.

{harta: nilai;}
Juga di dalam tag, pemilih ID diikuti oleh satu atau lebih pasangan nilai harta yang diletakkan di antara kurungan kerinting. Pasangan nilai-nilai ini menetapkan ciri-ciri gaya. Dalam contoh, perenggan dengan pemilih ID khas_text akan mempunyai teks berwarna berwarna merah.

. . .
Apabila anda menggunakan pemilih ID dalam badan laman web, anda akan menggunakan atribut id dalam tag HTML pembukaan. Nilai untuk atribut id adalah nama unik yang diberikan kepada pemilih ID, dalam kes ini "special_text". (id = "value") Ini adalah bagaimana pemilih "menyambung" gaya ke satu tag HTML yang anda ingin menggunakan gaya itu. Dalam contoh di atas, pemilih ID akan diletakkan di dalam satu sahaja

tag pada laman web. Sebarang tag HTML lain pada halaman web tidak boleh mengandungi pemilih ID di dalam tag pembuka.





Arahan Video: KONFIGURASI VLAN DI SWITCH OS - MIKROTIK TUTORIAL [ENG SUB] (Mac 2024).