Tiga pemilih yang biasa digunakan dalam CSS ialah: 1. Pemilih elemen; 2. Pemilih kelas 3. Pemilih ID. Pengenalan terperinci: 1. Pemilih elemen, yang merupakan pemilih paling asas Ia memilih elemen mengikut nama tag elemen HTML 2. Pemilih kelas, menggunakan " untuk memilih elemen dengan kelas tertentu aksara alfanumerik, tetapi ia mesti bermula dengan huruf; 3. Pemilih ID, gunakan "#" untuk memilih elemen dengan ID tertentu, iaitu setiap ID hanya boleh sepadan dengan satu elemen, dsb.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Tiga pemilih yang biasa digunakan dalam CSS termasuk:

1. Pemilih elemen: Ini ialah pemilih paling asas, yang memilih elemen berdasarkan nama tag elemen HTML. Contohnya, pemilih p memilih semua

p {  
  color: red;  
}

Gaya di atas akan menetapkan warna teks semua

2. Pemilih kelas: Pemilih kelas menggunakan . Nama kelas boleh menjadi sebarang aksara abjad angka, tetapi mesti bermula dengan huruf. Contohnya, pemilih .my-class akan memilih semua elemen dengan kelas my-class.

.my-class {  
  background-color: yellow;  
}

Gaya di atas akan menetapkan warna latar belakang semua elemen dengan kelas saya kepada kuning.

3. Pemilih ID: Pemilih ID menggunakan # untuk memilih elemen dengan ID tertentu. ID hendaklah unik, iaitu setiap ID hanya boleh sepadan dengan satu elemen. Sebagai contoh, pemilih #my-id akan memilih elemen dengan ID my-id.

#my-id {  
  font-size: 20px;  
}

Gaya di atas akan menetapkan saiz fon elemen dengan ID my-id kepada 20 piksel.

Tiga pemilih ini adalah yang paling biasa digunakan dalam CSS Mereka boleh digunakan secara bersendirian atau dalam kombinasi untuk mencapai pemilihan dan penggayaan yang lebih kompleks.

Selain daripada tiga pemilih yang biasa digunakan di atas, CSS juga mempunyai banyak jenis pemilih lain, seperti:

1 Pemilih atribut: Pemilih ini boleh memilih elemen berdasarkan atribut dan nilainya.

2. Pemilih kelas pseudo: Pemilih kelas pseudo digunakan untuk memilih elemen dalam keadaan tertentu, seperti alih tetikus, klik, fokus, dsb. Sebagai contoh, pemilih :hover memilih elemen yang tetikus melayang.

3. Elemen anak dan pemilih keturunan: Pemilih ini boleh memilih elemen anak atau elemen turunan bagi sesuatu elemen. Contohnya, div >p akan memilih semua

elemen