Perbedaan class dengan id pada CSS

CSS atau Cascading Style Sheet adalah kumpulan format yang mengatur tampilan sebuah halaman web, dengan CSS kita dapat mengatur tampilan web kita menjadi lebih mudah, cantik, dan menarik.

Pada CSS terdapat class dan id, keduanya digunakan untuk mengatur tampilan pada bagian-bagian tertentu. Class digunakan pada tag yang telah ada pada HTML, misal <p></p>, <h1></h1>, dll. Contoh penggunaanya:

penulisannya, kita tambahkan titik (.) setelah tag html

p.pertamax {color : white; background: black;}

p.keduax {color:blue;}

untuk memanggilnya dengan cara berikut

<p>Pertamax gan! ane nulis ini di paragraf yg bekgronnya item dan tulisan warna putih

Sedangkan untuk id, kita menggunakan tanda # untuk mendefinisikannya.

misal dalam html terdapat kode sbb:

<div id=’sidebar’>lorem ipsum….</div>

maka dalam css kita tuliskan

#sidebar {

color:blue;

…..

}

Selain itu perbedaan utama dari class dan id adalah dalam hal penggunaannya. Jika id digunakan dalam elemen yang hanya dipanggil 1 kali, misal elemen untuk sidebar. Sedangkan class dapat digunakan pada elemen yang dipanggil berulang-ulang misal pada elemen untuk post, dsb.

You may also like...

Leave a Reply

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