Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah itu pemilih kelas dalam bahagian hadapan web

Apakah itu pemilih kelas dalam bahagian hadapan web

WBOY
WBOYasal
2022-08-24 16:31:253242semak imbas

Pemilih kelas di bahagian hadapan web adalah untuk mencari pemilih dengan tag nama kelas pada halaman melalui nama kelas pemilih kelas digunakan untuk mentakrifkan kaedah pembentangan yang sama untuk satu siri teg. Sintaks yang biasa digunakan ialah ".class" Name {css attribute name: attribute value;}"; nama kelas boleh terdiri daripada nombor, huruf, garis bawah dan garis bawah, tetapi ia tidak boleh bermula dengan nombor atau garis bawah.

Apakah itu pemilih kelas dalam bahagian hadapan web

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah pemilih kelas dalam bahagian hadapan web

Pemilih kelas digunakan untuk mentakrifkan kaedah pembentangan yang sama untuk siri teg {property:value}. Di mana classValue ialah nama pemilih kelas, yang dinamakan oleh penulis css itu sendiri.

Pemilih kelas

Struktur:

.类名 { css属性名:属性值; }

Fungsi:

Cari semua teg dengan nama kelas ini pada halaman melalui nama kelas dan tetapkan gaya

Nota:

  • Terdapat atribut kelas pada semua teg Nilai atribut atribut kelas dipanggil nama kelas (serupa dengan nama)

  • Nama kelas boleh terdiri daripada nombor, huruf, garis bawah dan garis bawah Dikarang, tetapi tidak boleh bermula dengan nombor atau garis bawah

  • Label boleh mempunyai berbilang nama kelas pada masa yang sama dan nama kelas dipisahkan dengan ruang

  • Nama kelas boleh diulang dan satu pemilih kelas boleh memilih berbilang tag pada masa yang sama

Apakah itu pemilih kelas dalam bahagian hadapan web

Meluaskan pengetahuan

Apakah pemilih yang biasa digunakan pada bahagian hadapan web

Yang pertama ialah pemilih label, yang juga dipanggil pemilih elemen. Bentuk asas pemilih teg adalah seperti berikut: tagName{property:value}, dengan tagName ialah nama teg dan sifat ialah atribut css.

Jenis kedua ialah pemilih kelas Pemilih kelas digunakan untuk mentakrifkan kaedah pembentangan yang sama untuk siri teg Sintaks yang biasa digunakan ialah .classValue{property:value}. Di mana classValue ialah nama pemilih kelas, yang dinamakan oleh penulis css sendiri.

Jenis ketiga ialah pemilih ID Pemilih ID mentakrifkan elemen html tertentu Hanya satu teg atau elemen dalam halaman web menggunakan nilai atribut ID tertentu. Format sintaks asas pemilih ID adalah seperti berikut:

#idValue{property:value}. di mana idValue ialah nama pemilih ID, yang boleh ditulis oleh penulis CSS sendiri.

Jenis keempat ialah pemilih global Pemilih global berfungsi pada semua elemen htmlz. Format sintaks ialah: *{propery:value}. Antaranya, "*" bermaksud ia berfungsi pada semua elemen, sifat bermaksud atribut CSS, dan nilai bermaksud nilai atribut.

Jenis kelima ialah pemilih gabungan, iaitu menggabungkan berbilang pemilih untuk membentuk pemilih komposit, juga dipanggil pemilih gabungan.

Kaedah keenam adalah untuk mewarisi pemilih Peraturan pewarisan ialah teg anak mewarisi pemilih teg induk jika ia tidak ditakrifkan apabila teg anak berulang kali mentakrifkan penyataan teg induk, pemilihan tag kanak-kanak dilakukan.

Jenis ketujuh ialah pemilih kelas pseudo Pemilih kelas pseudo digunakan terutamanya pada label Ia mempunyai empat keadaan: pautan tidak dilawati (pautan), pautan yang dilawati (dilawati) dan pautan diaktifkan (aktif). . , tetikus kekal pada sambungan (legar).

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah itu pemilih kelas dalam bahagian hadapan web. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn