Apakah pemilih css yang ada?

百草
Lepaskan: 2023-10-11 15:22:35
asal
1342 orang telah melayarinya

Pemilih CSS termasuk pemilih elemen, pemilih kelas, pemilih ID, pemilih atribut, pemilih keturunan, pemilih elemen anak, pemilih adik beradik bersebelahan dan pemilih universal. Pengenalan terperinci: 1. Pemilih elemen, pilih elemen HTML mengikut nama elemen, contohnya, gunakan pemilih p untuk memilih semua elemen perenggan 2. Pemilih kelas, pilih elemen HTML mengikut nama kelas, nama kelas bermula dengan titik, contohnya, gunakan Pemilih .class boleh memilih semua elemen dengan kelas tertentu 3. Pemilih ID, pilih elemen HTML mengikut ID unik elemen, dsb.

Apakah pemilih css yang ada?

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

CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk menerangkan gaya elemen pada halaman web. Dalam CSS, pemilih digunakan untuk memilih elemen HTML yang mana gaya perlu digunakan. Pemilih ialah salah satu konsep terpenting dalam CSS, kerana ia menentukan elemen yang akan digayakan.

Terdapat banyak jenis pemilih CSS, setiap satu dengan sintaks dan kegunaan yang berbeza. Berikut ialah beberapa pemilih CSS biasa:

1. Pemilih Elemen: Pilih elemen HTML mengikut nama elemen. Contohnya, gunakan pemilih p untuk memilih semua elemen perenggan.

2. Pemilih Kelas: Pilih elemen HTML mengikut nama kelas. Nama kelas bermula dengan titik (.). Sebagai contoh, gunakan pemilih .class untuk memilih semua elemen dengan kelas tertentu.

3 Pemilih ID: Pilih elemen HTML mengikut ID uniknya. ID bermula dengan tanda paun (#). Contohnya, gunakan pemilih #id untuk memilih elemen dengan ID yang ditentukan.

4 Pemilih Atribut: Pilih elemen HTML melalui atributnya. Terdapat banyak bentuk pemilih atribut Contohnya, pemilih [atribut] boleh memilih semua elemen dengan atribut yang ditentukan, dan pemilih [attribute=value] boleh memilih elemen dengan atribut dan nilai yang ditentukan.

5 Pemilih Keturunan: Pilih elemen HTML melalui hubungan turunan elemen tersebut. Pemilih keturunan menggunakan ruang untuk memisahkan elemen yang berbeza. Contohnya, menggunakan pemilih div p memilih semua elemen perenggan dalam elemen div.

6 Pemilih Kanak-kanak: Pilih elemen HTML melalui perhubungan unsur anak langsung unsur tersebut. Pemilih elemen kanak-kanak menggunakan tanda lebih besar daripada (>) untuk memisahkan elemen yang berbeza. Contohnya, menggunakan pemilih div > p memilih semua elemen perenggan yang merupakan anak langsung bagi elemen div.

7. Pemilih Adik Beradik Bersebelahan: Pilih elemen HTML melalui hubungan adik beradik bersebelahan mereka. Pemilih adik beradik bersebelahan menggunakan tanda tambah (+) untuk memisahkan elemen yang berbeza. Contohnya, menggunakan pemilih h1 + p memilih elemen perenggan pertama serta-merta mengikuti elemen h1.

8. Pemilih Universal: Pilih semua elemen HTML. Pemilih universal diwakili oleh asterisk (*). Contohnya, gunakan pemilih * untuk memilih semua elemen HTML.

Selain jenis pemilih biasa yang dinyatakan di atas, CSS juga menyediakan jenis pemilih yang lebih maju seperti pemilih kelas pseudo (Pemilih kelas Pseudo) dan pemilih elemen pseudo (Pemilih elemen Pseudo) untuk memilih keadaan atau kedudukan tertentu .

Untuk meringkaskan, pemilih CSS ialah alat yang digunakan untuk memilih elemen HTML dan menggunakan gaya. Memahami pelbagai jenis pemilih boleh membantu pembangun memilih elemen dan menggunakan gaya dengan lebih tepat, menghasilkan reka bentuk web dan pengalaman pengguna yang lebih baik.

Atas ialah kandungan terperinci Apakah pemilih css yang ada?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan