Pemilih asas CSS
Dalam CSS, pemilih ialah corak yang digunakan untuk memilih elemen yang perlu digayakan.
Pemilih atribut boleh memilih elemen berdasarkan atribut dan nilai atributnya.
Tiga jenis pemilih asas: pemilih nama teg, pemilih kelas, pemilih ID
Nota: Cara menulis gaya=" " dalam teg harus menjadi cara memperkenalkan CSS, bukan pemilih, kerana pemilih tidak digunakan sama sekali.
1: Pemilih nama teg
Terdapat banyak teg dalam dokumen HTML, seperti teg p, teg h1, dsb. Untuk menjadikan semua tag p dalam dokumen menggunakan gaya CSS yang sama, anda harus menggunakan pemilih teg.
html {color:black;}
h1 {color:blue;}
p2{color:silver;}
Iaitu , secara langsung Gunakan teg HTML sebagai pemilih.
2: Pemilih kelas
Gunakan pemilih teg untuk menentukan gaya CSS yang sama untuk teg yang sama di seluruh dokumen HTML. Tetapi dalam aplikasi sebenar, tag yang sama dalam dokumen HTML akan digunakan berulang kali. Jika anda ingin menetapkan gaya CSS yang berbeza kepada teg yang sama, anda harus menggunakan pemilih kelas.
<div class="test">Kod ujian</div>
.test {color:red;border:1px blue solid;}
dalam html Dalam dokumen, kami menambah class="xxx" pada teg pembukaan teg untuk mengawal gaya (teg tidak berpasangan seperti input diletakkan terus dalam teg dalam fail css yang sepadan dengan halaman, gunakan .xxx untuk menunjuk untuk teg ini, untuk mengawal teg ini, kami memanggil cara mencari teg ini dengan mentakrifkan kelas: pemilih kelas.
Cara mentakrifkan kelas ini ialah pemilih yang paling biasa digunakan dalam pembangunan bahagian hadapan Ia mempunyai beberapa ciri yang luar biasa: anda boleh menetapkan kelas yang sama untuk teg yang berbeza, dengan itu menggunakan satu arahan CSS untuk mengawal beberapa teg, mengurangkan. banyak Kodnya ialah halaman itu mudah diubah suai, mudah diselenggara, dan mudah disemak kedua, kakitangan latar belakang tidak akan menggunakan tetapan kelas yang berkaitan, dan tidak perlu berinteraksi dengan kakitangan latar belakang; tambahan pula, label boleh ditukar secara dinamik melalui js, dsb. Nama Kelas, dengan itu menukar gaya keseluruhan label, menjadikannya lebih mudah untuk melaksanakan kesan dinamik bahagian hadapan.
3: Pemilih ID
Pemilih ID serupa dengan pemilih kelas, perbezaannya ialah pemilih ID Peranti tidak boleh digunakan semula. Dalam dokumen XHTML, pemilih ID hanya boleh menetapkan gaya CSSnya kepada satu teg.
<div id="test">Kod ujian</div>
#test {color:red ; border:1px blue solid;}
Elemen HTML dengan ID boleh dimanipulasi oleh JavaScript Selain itu, ID selalunya digunakan oleh pembangun bahagian belakang, jadi pembangun bahagian hadapan hendaklah sesedikit kemungkinan penggunaan.
