Sebuah combinator adalah sesuatu yang menjelaskan hubungan antara selector.
Sebuah selector CSS dapat berisi lebih dari satu selector yang sederhana. Antara selector yang sederhana, kita dapat mencakup sebuah combinator.
Ada 4 combinator yang berbeda dalam CSS3:
- Descendant selector (spasi)
- Child selector (>)
- Adjacent sibling selector (+)
- General sibling selector (~)
Descendant Selector
Descendant selector mengatur style pada sebuah elemen yang merupakan turunan dari elemen lain yang di spesifikasikan.
 |
| Contoh kode |
 | |
| Hasil |
Child Selector
Child Selector mengatur style elemen yang merupakan "anak" atau sub elemen yang lain.
 |
| Contoh kode |
 |
| Hasil |
Adjacent sibling selector mengatur elemen yang merupakan elemen yang muncul pertama kali setelah elemen yang di tentukan.
 |
| Contoh kode |
 |
| Hasil |
General sibling selector
General sibling selector mengatur elemen yang merupakan "saudara kandung" atau muncul setelah elemen yang di maksud.
 |
| Contoh kode |
 |
| Hasil |
0 komentar:
Posting Komentar