Apakah pemilih hubungan?

Pemilih perhubungan termasuk "pemilih keturunan", "pemilih elemen kanak-kanak", "pemilih adik-beradik bersebelahan" dan "pemilih adik-beradik sejagat": 1. Pemilih keturunan memilih elemen melalui hubungan keturunan mereka 2. Pemilih elemen anak, memilih elemen melalui elemen hubungan ibu bapa-anak; 3. Pemilih adik beradik bersebelahan, memilih elemen melalui hubungan adik beradik bersebelahan elemen 4. Pemilih adik beradik sejagat, memilih elemen melalui hubungan adik beradik unsur .

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

Pemilih perhubungan digunakan untuk memilih perhubungan antara elemen Berikut ialah beberapa pemilih perhubungan biasa:

1. Pemilih Keturunan: Pilih elemen melalui perhubungan keturunannya.

div p {  
color: blue;
}

Dalam contoh di atas, semua

elemen yang terletak di dalam

2. Pemilih Anak: Pilih elemen melalui hubungan ibu bapa-anak mereka.

div > p {  
font-weight: bold;
}

Dalam contoh di atas, semua

elemen secara langsung di dalam

3. Pemilih Adik Beradik Bersebelahan: Pilih elemen berdasarkan hubungan adik beradik bersebelahan mereka.

h1 + p {  
color: red;
}

Dalam contoh di atas, elemen

serta-merta mengikuti elemen

4. Pemilih Adik Beradik Umum: Pilih elemen melalui hubungan adik beradik mereka.

h1 ~ p {  
font-style: italic;
}

Dalam contoh di atas, semua

elemen yang terletak selepas elemen

Pemilih perhubungan ini boleh membantu kami memilih elemen dengan lebih tepat dan menggunakan gaya berdasarkan perhubungan khusus antara elemen tersebut. Dengan menggunakan pemilih hubungan secara rasional, kami boleh mengawal gaya elemen pada halaman secara fleksibel.

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