Rumah > Artikel > hujung hadapan web > Apakah tiga pemilih yang biasa digunakan dalam css?
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
4. Pemilih kumpulan: Pemilih kumpulan membolehkan anda memilih berbilang elemen, kelas atau ID pada masa yang sama dan menggunakan gaya yang sama kepada mereka. Sebagai contoh, pemilih h1, h2, p akan memilih semua
Pemilih ini menyediakan kaedah pemilihan yang kaya, membolehkan pembangun mengesan mana-mana elemen dalam halaman dengan tepat dan menggunakan gaya yang diingini padanya. Pada masa yang sama, memahami dan menguasai pemilih ini juga merupakan kunci untuk menjadi master CSS.
Atas ialah kandungan terperinci Apakah tiga pemilih yang biasa digunakan dalam css?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!