Perbedaan ID dan CLASS pada CSS

Belajar tentang CSS singkatan dari ( Cascading Style Stheet ) tentunya tidak lepas dari id dan class. Terus apa sih yang dimaksud id dan class itu ? pasti diantara kalian yang baru mulai mempelajari CSS menanyakan hal tersebut. 

di dalam CSS itu dinamakan selector. Namanya juga select, dalam bahasa Indonesianya disebut pilihan. Nah sekarang kalian pilih mau pilihan id atau class. Maksudnya gimana sih ? Mari saya jelaskan :

buatlah file coba.css dan isikan seperti ini.

/* CSS document */
#coba1{
color:BLUE;
size:20px;
}
.coba2{
color:RED;
size:30px;
}

Kemudian buat file index.html

Mencoba ID bro

Mencoba CLASS bro

Setelah itu debugging index.html di browser kesayangan kalian ( chrome recommended ). Maka akan tampil seperti ini

Nah setelah tampil seperti itu berarti debugging kalian berhasil. 

atau juga bisa menuliskan CSS dalam satu file html seperti di bawah ini : 

Mencoba ID bro

Mencoba CLASS bro

Tampilan yang dihasilkan, tapi saran saya mending dipisah untuk meminimalisir coding jika project kalian terlalu kompleks.

Jadi kesimpulannya : 

1. id berpasangan dengan tanda pagar, pada kasus di atas #coba1{}

2. class berpasangan dengan tanda titik, pada kasus di atas .coba2{}11

 Semoga membantu. Selamat belajar :)