combinator adalah sesuatu yang menjelaskan hubungan antara pemilih.
Sebuah selector CSS dapat berisi lebih dari satu pemilih sederhana. Antara pemilih sederhana, kita dapat mencakup combinator a.
Ada empat combinators berbeda dalam CSS3:
- descendant selector
- child selector
- adjacent sibling selector
- general sibling selector
Descendant selector
descendant selector cocok dengan semua elemen keturunan dari elemen tertentu.
Contoh berikut memilih semua <p> unsur dalam <div> elemen:
div p {
float: right;
}
Child selector
child selector memilih semua elemen yang adalah anak-anak langsung dari elemen tertentu.
Contoh berikut memilih semua <p> elemen yang adalah anak-anak langsung dari elemen <div>:
div > p {
float: right;
}
Adjacent sibling selector
Adjacent sibling selector memilih semua elemen yang merupakan saudara kandung berdekatan elemen tertentu.
Elemen saudara harus memiliki unsur induk yang sama, dan "Adjacent" berarti "immadiately following".
Contoh berikut memilih semua <p> elemen yang ditempatkan segera setelah <div> elemen:
div + p {
float: right;
}
General sibling selector
General sibling selector memilih semua elemen yang saudara dari elemen tertentu.
Contoh berikut memilih semua <p> elemen yang saudara dari <div> elemen:
div ~ p {
background-color: yellow;
}
0 komentar:
Posting Komentar