Pemilih gabungan CSS
Pemilih Gabungan CSS
Pemilih gabungan menggambarkan hubungan langsung antara dua pemilih.
Pemilih gabungan CSS termasuk pelbagai gabungan pemilih mudah.
mengandungi empat kaedah gabungan dalam CSS3:
Pemilih turunan (dipisahkan oleh ruang)
Pemilih elemen anak (dipisahkan oleh tanda yang lebih besar daripada)
Pemilih adik beradik bersebelahan (dipisahkan dengan tanda tambah)
Pemilih adik beradik biasa (dipisahkan dengan sempang)
Pemilih Keturunan
Pemilih Keturunan sepadan dengan keturunan semua elemen elemen yang layak.
Contoh berikut memilih semua p elemen dan memasukkannya ke dalam div elemen:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
div p
{
background-color:yellow;
}
</style>
</head>
<body>
<div>
<p>段落 1。 在 div 中。</p>
<p>段落 2。 在 div 中。</p>
</div>
<p>段落 3。不在 div 中。</p>
<p>段落 4。不在 div 中。</p>
</body>
</html>Jalankan program dan amati
Pemilih anak
Berbanding dengan pemilih keturunan, pemilih anak hanya boleh memilih elemen yang merupakan anak kepada elemen.
Contoh berikut memilih semua elemen anak langsung<p> dalam elemen <div> 🎜 >
Pemilih adik beradik bersebelahanPemilih adik beradik bersebelahan boleh memilih elemen serta-merta selepas elemen lain dan kedua-duanya mempunyai elemen induk yang sama .
Jika anda perlu memilih elemen sejurus selepas elemen lain, dan kedua-duanya mempunyai elemen induk yang sama, anda boleh menggunakan pemilih adik beradik Bersebelahan. Contoh berikut memilih semua elemen <p> pertama selepas elemen <div> Pemilih adik beradik jiran biasa Pemilih adik beradik biasa memilih semua elemen adik beradik yang bersebelahan dengan elemen yang ditentukan. Contoh berikut memilih semua elemen adik beradik yang bersebelahan<p> daripada semua elemen <div> 🎜>
