Perbedaan Selector Class dan Selector Id - Tutorial Pemula #1

By Ndo Andre At Wednesday, January 03, 2024

Hai bro, selamat datang lagi di blog tutorial pemula, kesempatan ini admin akan berbagi mengenai perbedaan Selector Class dan Selector Id. Pastinya jika kamu terbiasa atau sering edit template Blogger sering melihat ini, selector class yang ditandai dengan titik (.) dan id yang tandai dengan pagar (#) ada dalam editor template ini. Walaupun keduanya memiliki fungsi yang sama ternyata ada perbedaan yang memang berbeda diantara keduanya, yuk simak contohnya.

Sebelumnya juga admin sudah berbagi tutorial tentang cara membuat efek salju terbaru di blog dan tentang cara membuat template kosong di Blogger. Nah, lanjut berikut perbedaan selector class dan selector id.

.class v #id

Selector id

Selector id hanya dapat digunakan satu kali saja, artinya selector id hanya dapat dipanggil satu kali pada elemen-elemen sebuah website sedangkan Selector class dapat digunakan berkali-kali. Selector id ditandai dengan tanda pagar (#) pada awal nama selector.

Contoh:

CSS

#abcde {
text-transform: uppercase;
line-height: 27px;
font-size: 15px;
color: #888;
position: absolute;}

HTML

<div id="abcde">Apasaja disini hehehe</div>

Selector Class

Bedanya dengan selector id, selector class ini dapat digunakan berkali-kali. Artinya selector class dapat dipanggil berulang kali pada elemen-elemen sebuah website. Selector class di tandai dengan tanda titik (.) pada awal nama selector.

Contoh:

CSS

.fghij{color: #777;
display: block;
margin-top: 6px;
font-size: 10px;
text-align: right;}

HTML

<div class="fghij">Apa saja di sini yang pertama hehe</div>
<div class="fghij">Apa saja di sini yang kedua hehe</div>
<div class="fghij">Apa saja di sini yang ketiga hehe</div>

Ok sobat sekian postingan dikesempatan ini, semoga bermanfaat.