Cara Menggunakan Konsep Combinator pada CSS Part-4

Selektor dapat berisi beberapa penyeleksi sederhana, tetapi di antara setiap pemilih sederhana, harus ada kombinator. Ada beberapa kombinator yang dapat kita gunakan dan masing-masing menggambarkan hubungan antara pemilih

Sibling combinators (Penggabung saudara)

Ada 2 jenis kombinator saudara, kombinator saudara umum dan kombinator yang berdekatan. Keduanya menangani elemen yang ada pada level yang sama.

Combinator saudara yang berdekatan (+)

Combinator saudara yang berdekatan menargetkan elemen yang muncul segera setelah pemilih sederhana dalam induk yang sama, dan menggunakan tanda tambah (+) sebagai pemisah antara elemen.

Ada beberapa kasus penggunaan di mana pemilih saudara yang berdekatan sangat berguna. Misalnya, cukup umum untuk melihat artikel fitur dengan paragraf pertama yang ditata berbeda dari artikel lainnya. Dengan asumsi judul ditandai sebagai elemen h2, CSS akan terlihat seperti ini:

h2 + p {
  font-size: 125%;
  font-style: italic;
}

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *