Perbedaan selector id dan selector class dalam css

Selector ID 

selector ID ini merupakan selector untuk menentukan bagian yang hanya ada satu pada halaman dan juga menentukan style nya. Jadi selector ID ini tidak bisa dipanggil lebih dari satu. Jika ada dua, maka hanya bekerja pada bagian pertama saja. selector ini juga bisa untuk me link pada section dalam satu halaman, misalnya kalau mas vroh men klik navigasi dengan selector id=“contact” , maka mas vroh akan dibawa ke section contact pada satu halaman. Bisa dengan effect scroll ataupun fade tergantung dari developernya. selector ID dituliskan dengan awalan pagar atau sharp atau kres “#” pada css. Untuk HTML nya menggunakan id=“namaID” .

Contoh penggunaan selector ID
Pada HTML
<p id=“content”>Sebuah content dengan id </p>
Sebuah paragraf dengan content sebagai selector ID.
Pada CSS
#content {
    text-align:center;
    color:snow;
}


Selector Class


Selector class juga digunakan untuk menentukan style juga sama seperti id. Bedanya adalah jika id hanya boleh dipanggil satu kali saja, class bisa dipanggil berkali kali pada satu halaman. Selector ini ditulis dengan awalan titik atau dot “.” pada css dan class=“nama-class” pada HTML. oh iya, dalam satu element juga bisa dipanggil untuk beberapa class, spasi sebagai pemisah.
Contoh penguin selector Class
Pada HTML
<div class=“container center-content”>Sebuah element dengan class </div>
Contoh diatas, memanggil dua class sekaligus, yaitu container dan center-content.
Pada CSS
.container {
    width=960px;
}

.center-content{
    text-align:center;
    color:snow;
    font-family:serif;
}
Nah, untuk kegunaan kenapa memanggillebih dari dua class pada satu element yaitu, biar ga cape cape nulis lagi. jadi tinggal digabungin classnya.
Demikian sekilas info tentang selector ID dan Class pada HTML dan CSS. Terimakasih sudah sudi mampir. bye..
Admin Semoga Informasi Yang Diberikan Melalui Web Ini Dapat Bermanfaat Bagi Saudara/i

No comments for "Perbedaan selector id dan selector class dalam css"