Apakah pemilih gabungan?

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.

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 e388a4556c0f65e1904146cc1a846bee elemen yang terletak di dalam elemen dc6dce4a544fdca2df29d5ac0ea9906b unsur tersebut. Ia menggunakan simbol ">" untuk menunjukkan hubungan antara elemen. Contohnya, untuk memilih semua e388a4556c0f65e1904146cc1a846bee elemen secara langsung di dalam elemen dc6dce4a544fdca2df29d5ac0ea9906b unsur. Ia menggunakan simbol "+" untuk menunjukkan hubungan antara unsur. Contohnya, untuk memilih semua elemen e388a4556c0f65e1904146cc1a846bee yang terletak selepas elemen 4a249f0d628e2318394fd9b75b4636b1 . Ia menggunakan simbol "~" untuk menunjukkan hubungan antara unsur. Sebagai contoh, untuk memilih semua elemen e388a4556c0f65e1904146cc1a846bee yang terletak selepas elemen 4a249f0d628e2318394fd9b75b4636b1 pilih semua elemen yang sepadan dengan mana-mana pemilih. Contohnya, untuk memilih semua elemen 4a249f0d628e2318394fd9b75b4636b1 dan e388a4556c0f65e1904146cc1a846bee 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

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 e388a4556c0f65e1904146cc1a846bee yang terletak di dalam elemen dc6dce4a544fdca2df29d5ac0ea9906b keadaan atau kedudukan tertentu sesuatu unsur. Ia bermula dengan titik bertindih ":" dan dilampirkan pada penghujung pemilih. Sebagai contoh, untuk memilih semua elemen 3499910bf9dac5ae3c52d5ede7383485 dalam keadaan tuding, anda boleh menggunakan pemilih berikut:

     div  >  p

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

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!