halo..
udah seminggu enggak update post nich ~_~
oke, kali ini saya akan memberikan penjelasan tentang Perbedaan ID dan Class pada CSS. post ini terpirasi ketika saya sedang mencoba mengoprek template cemungudh (the original platorial old theme) agar valid HTML5. ternyata banyak multiple selector ID CSS ~_~ yang membuat templatenya enggak valid HTML5.

bagi para pemula, mungkin mengira tidak ada perbedaan yang jauh antara ID dan Class dalam pemakainnya. tapi sebenarnya, terdapat perbedaan yang cukup jauh antara ID dan Class.

dalam penggunaanya, ID (disimbolkan => #) hanya bisa dipanggil/dipakai 1 kali dalam 1 halaman. sedangkan Class {disimbolkan => . (baca:dot)} bisa dipanggil/dipakai lebih dari 1 kali (beberapa kali) dalam 1 halaman.

Contoh Peng-aplikasian:
Selector ID :

#main-wrapper {width:600px}

hanya bisa dipanggil 1 kali dalam 1 halaman

<div id='main-wrapper'/>

Selector Class :

.kotak-item {background: #000;color:#fff;text-align:center;font-size:40px;}

Bisa dipanggil beberapa kali dalam 1 halaman

<div class='kotak-item'>Belajar HTML</div>
<div class='kotak-item'>Bersama Platorial</div>

 Itulah Perbedaan Selector ID dan Class Pada CSS, jika ada yang mau bertanya, kritik  dan serta saran. silahkan tinggalkan komentar dibawah post ini :-bd.

Tweet

Artikel Terkait: