Halo teman, ...
Terkadang ketika kita diawal belajar css, kita sering-sering membuka dan mempelajari script dari template atau website yang sudah ada kemudian kita pelajari bagaimana membangunnya.
Nah, dalam css kita kadang kebingungan maksut dari penggabungan dua class saat yang satu dipisah dan yang lain digabung, misalnya .class1.class2 (gandengn) dengan .class1 .class2 dipisah. Lantas, apa perbedaannya?
Teman, jadi dua penulisan tadi mempunyai makna yang berbeda. Kita bahas satu persatu ya...
Untuk perintah css yang menggabungkan dua class tanpa spasi (.class1.class2) artinya mengacu pada elemen yang mempunyai kedua class tersebut. Contoh,
<div class="class1 class2">Elemen yang mengandung dua class</div>
Sedangkan, untuk penulisan class yang dipisah (.class1 .class2) ini menunjukkan hubungan antara parent-child (induk dengan anak). Jadi aturan CSS ini akan diterapkan pada elemen class2 jika elemen tersebut perupakan anak dari class1 contoh
<div class="class1"> <div class="class2">class 2 anak dari class 1</div> </div>
Jika ingin ditanyakan, bisa tulis di kolom komentar ya
Semoga bermanfaat,...
0 Comments