Rumah > masalah biasa > teks badan

Apakah pemilih hubungan?

尊渡假赌尊渡假赌尊渡假赌
Lepaskan: 2023-12-25 14:59:35
asal
815 orang telah melayarinya

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 .

Apakah pemilih hubungan?

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;
}
Salin selepas log masuk

Dalam contoh di atas, semua

elemen yang terletak di dalam

  1. Pemilih Anak: Pilih elemen melalui hubungan ibu bapa-anak mereka.
div > p {  
font-weight: bold;
}
Salin selepas log masuk

Dalam contoh di atas, semua

elemen secara langsung di dalam

  1. Pemilih Adik Beradik Bersebelahan: Pilih elemen berdasarkan hubungan adik beradik bersebelahan mereka.
h1 + p {  
color: red;
}
Salin selepas log masuk

Dalam contoh di atas, elemen

serta-merta mengikuti elemen

  1. Pemilih Adik Beradik Umum: Pilih elemen melalui hubungan adik beradik mereka.
h1 ~ p {  
font-style: italic;
}
Salin selepas log masuk

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!

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