Rumah > masalah biasa > Apakah pemilih gabungan?

Apakah pemilih gabungan?

百草
Lepaskan: 2023-10-07 13:18:29
asal
1549 orang telah melayarinya

Pemilih gabungan termasuk pemilih keturunan, pemilih elemen anak, pemilih adik beradik bersebelahan, pemilih adik beradik universal, pemilih kumpulan, pemilih persimpangan, sub-pemilih, pemilih kelas pseudo, pemilih elemen pseudo, dsb. Pengenalan terperinci: 1. Pemilih turunan memadankan unsur dengan memilih unsur turunan unsur Ia menggunakan ruang untuk menunjukkan hubungan antara unsur 2. Pemilih unsur anak memadankan unsur dengan memilih unsur anak langsung unsur tersebut. > Simbol ";" mewakili hubungan antara elemen 3. Pemilih adik beradik yang bersebelahan memadankan elemen dengan memilih elemen adik beradik seterusnya bagi elemen tersebut, dsb.

Apakah pemilih gabungan?

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

Dalam CSS, menggabungkan pemilih ialah cara untuk memilih elemen tertentu dengan menggabungkan berbilang pemilih. Dengan menggabungkan pemilih, kita boleh memilih dengan lebih tepat elemen yang perlu digayakan. Di bawah saya akan memperkenalkan beberapa pemilih gabungan biasa.

1. Pemilih Keturunan:

Pemilih Keturunan memadankan elemen dengan memilih elemen keturunannya. Ia menggunakan ruang untuk menunjukkan hubungan antara elemen. Contohnya, untuk memilih semua

elemen yang terletak di dalam elemen

unsur tersebut. Ia menggunakan simbol ">" untuk menunjukkan hubungan antara elemen. Contohnya, untuk memilih semua

elemen secara langsung di dalam elemen

unsur. Ia menggunakan simbol "+" untuk menunjukkan hubungan antara unsur. Contohnya, untuk memilih semua elemen

yang terletak selepas elemen

. Ia menggunakan simbol "~" untuk menunjukkan hubungan antara unsur. Sebagai contoh, untuk memilih semua elemen

yang terletak selepas elemen

pilih semua elemen yang sepadan dengan mana-mana pemilih. Contohnya, untuk memilih semua elemen

dan

Ia menggunakan ruang untuk mengumpulkan berbilang pemilih bersama. Contohnya, untuk memilih semua elemen dengan kedua-dua kelas "merah" dan "tebal", anda boleh menggunakan pemilih berikut:

     div  p
Salin selepas log masuk

7 Pemilih Kanak-kanak:

Pemilih kanak-kanak sepadan dengan memilih elemen anak elemen elemen. Ia menggunakan simbol ">" untuk menunjukkan hubungan antara elemen. Contohnya, untuk memilih semua elemen anak langsung

yang terletak di dalam elemen

keadaan atau kedudukan tertentu sesuatu unsur. Ia bermula dengan titik bertindih ":" dan dilampirkan pada penghujung pemilih. Sebagai contoh, untuk memilih semua elemen dalam keadaan tuding, anda boleh menggunakan pemilih berikut:

     div  >  p
Salin selepas log masuk

9 Pemilih elemen Pseudo:

Pemilih elemen pseudo digunakan untuk memilih bahagian tertentu elemen atau. kandungan yang dihasilkan. Ia bermula dengan dua titik bertindih "::" dan dilampirkan pada penghujung pemilih. Contohnya, untuk memilih perkataan pertama setiap perenggan, anda boleh menggunakan pemilih berikut:

     h1  +  p
Salin selepas log masuk

Ini ialah beberapa pemilih gabungan biasa yang boleh membantu kami memilih elemen yang perlu digayakan dengan lebih tepat. Dengan menggunakan pemilih gabungan ini secara fleksibel, kami boleh mengawal dan menyesuaikan gaya halaman dengan lebih baik. Saya harap pengenalan kepada pemilih gabungan ini dapat membantu anda memahami dan menggunakan CSS dengan lebih baik.

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

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan