Kursus Membuat Web

iklan

Combinator CSS

Sebuah combinator adalah sesuatu yang menjelaskan hubungan antara selector.

Sebuah selector CSS bisa berisi lebih dari satu selector sederhana. Antara selector sederhana, kita bisa memasukkan combinator.

Ada empat combinator yang berbeda di CSS3:

  • descendant selector
  • child selector
  • adjacent sibling selector
  • general sibling selector

Descendant Selector

Berikut contoh memilih semua elemen <p> didalam elemen <div>:

Contoh
div p {
    background-color: yellow;
}
Lihat ...

Child Selector

Berikut contoh memilih semua elemen <p> anak langsung dari elemen <div>:

Contoh
div > p {
    background-color: yellow;
}
Lihat ...

Adjacent Sibling Selector

Berikut contoh memilih semua elemen <p> yang ditempatkan setelah elemen <div>:

Contoh
div + p {
    background-color: yellow;
}
Lihat ...

General Sibling Selector

Berikut contoh memilih semua elemen <p> saudara dari elemen <div>:

Contoh
div ~ p {
    background-color: yellow;
}
Lihat ...

Sebelumnya ...   Berikutnya ...

muhammad falah

Saya Muhammad Falah, jika Anda ingin langsung belajar dengan Saya, silakan ikuti kursus membuat web yang Saya bimbing atau ikuti Saya di :

Muhammad Falah Youtube Channel Muhammad Falah LinkedIn Muhammad Falah Google Plus Muhammad Falah Twitter Muhammad Falah Facebook

copy right © 2015