Perbedaan Selector ID dan Class dalam CSS

Jan

Perbedaan Selector ID dan Class dalam CSS

Dalam pengimplementasian CSS ke dalam kode html, kita memerlukan yang namanya Selector ID atau Class. Namun, apa sih perbedaan dari ID  dan Class itu sendiri?

ID

ID merupakan selector yang digunakan oleh satu tag html, ini adalah yang disarankan, karena ID itu sendiri hanya boleh digunakan untuk satu tag html.

Penulisan di css :

#header{
   backgroud-color:green;
   width:900px;
   height:40px;
}

Penggunaannya di html :

<div id="header"></div>

 

 

Class merupakan selector yang dapat  digunakan oleh lebih dari satu tag html. Artinya beberapa tag html bisa menggunakan css dari class tersebut. Penulisan di css :

 

.judul{
   font-size:20px;
   color:orange;
}

Penggunaannya di html :

<h1 class="judul">BAB IV</h1>
<div class="judul">BAB V</div>

8 thoughts on “Perbedaan Selector ID dan Class dalam CSS

  1. 说:Hello! I’m at work browsing your blog from my new inpohe 3gs! Just wanted to say I love reading through your blog and look forward to all your posts! Keep up the great work!

    1. bisa saja. kita sertakan saja class dan id dalam satu tag html.
      contoh :
      [open tag] div id=”header” class=”judul” [close tag]

Leave a Reply

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