perbedaan id dengan class

Ditanyakan 4 bulan yang lalu oleh Ilyas fardian
<!DOCTYPE html>

<html>

<head>

<style>

/* Style the element with the id "myHeader" */

#myHeader {

  background-color: lightblue;

  color: black;

  padding: 40px;

  text-align: center;

}

​

/* Style all elements with the class name "city" */

.city {

  background-color: tomato;

  color: white;

  padding: 10px;

} 

</style>

</head>

<body>

​

<h2>Difference Between Class and ID</h2>

<p>An HTML page can only have one unique id applied to one specific element, while a class name can be applied to multiple elements.</p>

​

<!-- A unique element -->

<h1 id="myHeader">My Cities</h1>

​

<!-- Multiple similar elements -->

<h2 id="myHeader">London</h2>

<p>London is the capital of England.</p>

​

<h2 class="city">Paris</h2>

<p>Paris is the capital of France.</p>

​

<h2 class="city">Tokyo</h2>

<p>Tokyo is the capital of Japan.</p>

​

</body>

</html>

​

saya bertanya tentang perbedaan class dan id dimana id hanya bisa di gunakan satu kali pada satu elemen, namun pada kode di atas id my header juga berlaku pada elemen h2 yg di buat, lalu bagaimana yg dimaksud perbedaan id dengan class??? MOHON BANTUANNYA

BUAT KOMENTAR

1 JAWABAN / 3 KOMENTAR

Generic placeholder image
Muchamad syariful umam menjawab 4 bulan yang lalu

perbedaan yag paling mencolok, id lebih power full dibanding class.

coba buat tag h1 dimana terdapat class dan id


<h1 class='mm' id='nn' >aaaaaaaaaaaa</h1>

coba kasih css, background color red di class mm, trs jalanin. kalo udah kasih background color blue di id nn, css class mm jgn dihapus.

kalo dijalanin h1 background color blue, bukan merah. karna id lebih power full

Comment ..

bagaimana ketika di gunakan, bukankah hanya bisa di panggil 1 kali?? tapi ketika saya membuat 2 element dan saya isikan atribut id yg sama itu masih berjalan pada keduanya, lalu bagaimana yg di maksud dengan hanya bisa di panggil 1 kali??

Dikomentari 4 bulan yang lalu oleh Ilyas fardian
Comment ..

memang bs dijalankan kang. tapi bukan 'best practice' krn id memang harus unique, berbeda dgn class

Dikomentari 3 bulan yang lalu oleh nded
Comment ..

berarti bagaimana dgn definisi kalau id hanya bisa di panggil 1x saya masih kebingungan dengan itu

Dikomentari pada tanggal 21 May 2019 oleh Ilyas fardian
BUAT KOMENTAR