1. Pemilih saudara biasa CSS mengacu pada semua elemen yang terhubung ke elemen lain, keduanya memiliki elemen induk yang sama.
2. Pemilih saudara biasa menggunakan tanda tilde (~) sebagai simbol penggabungan saudara biasa.
Contoh
<!DOCTYPEhtml>
<html>
<kepala>
<meta charset="UTF-8">
<meta name="viewport" content="width=lebar perangkat, skala awal=1.0">
<title>Pemilih saudara yang sama</title>
<gaya>
.leluhur {
lebar: 500 piksel;
tinggi: 300 piksel;
}
.orang tua {
lebar: 300 piksel;
tinggi: 200 piksel;
}
.anak {
lebar: 200 piksel;
tinggi: 100 piksel;
}
/* Posisikan elemen yang saudaranya div setelah .child1*/
.anak1~div {
warna latar: karang muda;
}
</gaya>
</kepala>
<tubuh>
<div>
ini adalah leluhur.
<div>
ini orang tua.
<div>ini anak0.</div>
<div>ini anak1.</div>
<div>ini anak2.</div>
<div>ini anak3.</div>
</div>
</div>
</tubuh>
</html>
Di atas adalah pengertian css sibling selector biasa, semoga bermanfaat bagi semuanya.
Panduan belajar css lainnya: tutorial css