Cara Menggunakan Konsep Combinator pada CSS Part-5

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

Trivia & Catatan

Penyeleksi keturunan pada awalnya disebut penyeleksi kontekstual dalam rekomendasi W3C asli untuk tingkat CSS 1 kembali pada 17 Desember 1996. Draf kerja pertama spesifikasi CSS2 pada 4 November 1997 mempertahankan istilah kontekstual istilah dan memperkenalkan konsep hubungan orangtua-anak, serta hubungan saudara kandung antara penyeleksi. Penyeleksi saudara awalnya disebut penyeleksi berurutan.

Draf kerja itu menentukan penggunaan tilde (~) untuk pemilih orangtua-anak dan sintaksis yang agak rumit untuk pemilih berurutan. Setara dengan pemilih saudara umum hari ini adalah garis miring ke depan sebelum pemilih pertama dan segera setelah pemilih kedua, yang terlihat seperti ini:

/H1 H2/ { margin-top: -5mm }

Setara dengan pemilih saudara terdekat hari ini diterapkan jika ada tilde antara 2 penyeleksi, dan tampak seperti ini:

/H1~P/ { font-size: 125% }

Apa yang kita ketahui sebagai pseudo-class anak pertama juga diusulkan di bawah penyeleksi sekuensial. Sintaksnya tidak dapat dikenali sekarang, tetapi melibatkan pemotongan garis maju ganda sebelum pemilih pertama, terlihat seperti ini:

//P/ EM { font-weight : bold }

Pada saat draft kerja berikutnya dirilis pada 28 Januari 1998, ketentuan telah diperbarui untuk menjadi penyeleksi keturunan, penyeleksi anak dan penyeleksi yang berdekatan, dengan pemilih saudara kandung ditangguhkan ke Level 3 dari spesifikasi CSS sebagai gantinya.

DUMET School Author

Leave a Reply

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