• Beranda
  • Versi Mobile
  • Tentang
  • Arsip
  • Chatbox
  • Berlangganan
  • Pasang Iklan
  • Hosting Murah
Blogspot Tutorial

  • Beranda
  • Blogspot
    • SEO
    • Widget
  • Features
    • CSS
    • HTML
    • Javascript
  • Template
    • Clone
    • Reguler
  • Tips and Trick
Home » CSS » Perbedaan Selector ID dan Class pada CSS

Perbedaan Selector ID dan Class pada CSS

halo..
udah seminggu enggak update post nich ~_~
oke, kali ini saya akan memberikan penjelasan tentang Perbedaan ID dan Class pada CSS. post ini terpirasi ketika saya sedang mencoba mengoprek template cemungudh (the original platorial old theme) agar valid HTML5. ternyata banyak multiple selector ID CSS ~_~ yang membuat templatenya enggak valid HTML5.


bagi para pemula, mungkin mengira tidak ada perbedaan yang jauh antara ID dan Class dalam pemakainnya. tapi sebenarnya, terdapat perbedaan yang cukup jauh antara ID dan Class.

dalam penggunaanya, ID (disimbolkan => #) hanya bisa dipanggil/dipakai 1 kali dalam 1 halaman. sedangkan Class {disimbolkan => . (baca:dot)} bisa dipanggil/dipakai lebih dari 1 kali (beberapa kali) dalam 1 halaman.

Contoh Peng-aplikasian:
Selector ID :
#main-wrapper {width:600px}
hanya bisa dipanggil 1 kali dalam 1 halaman

<div id='main-wrapper'/>
Selector Class :
.kotak-item {background: #000;color:#fff;text-align:center;font-size:40px;}
Bisa dipanggil beberapa kali dalam 1 halaman
<div class='kotak-item'>Belajar HTML</div>
<div class='kotak-item'>Bersama Platorial</div>
 Itulah Perbedaan Selector ID dan Class Pada CSS, jika ada yang mau bertanya, kritik  dan serta saran. silahkan tinggalkan komentar dibawah post ini :-bd.
Ditulis oleh: Riou Hato - Monday, November 12, 2012 - Rating: 4.5
Terima kasih sudah membaca artikel kategori CSS dengan judul Perbedaan Selector ID dan Class pada CSS. Anda bisa bookmark halaman ini dengan URL http://platorial.blogspot.com/2012/11/perbedaan-id-dan-class-pada-css.html. Jangan lupa share ke teman-teman ya.
Tweet

14 komentar untuk "Perbedaan Selector ID dan Class pada CSS"

  1. WEBSITE SOFTWARENovember 12, 2012 at 10:08 PM

    Makasih Mas Plaso ditunggu update selanjutnya.

    ReplyDelete
    Replies
    1. Blogspot TutorialNovember 13, 2012 at 10:54 AM

      mtm2 mas hasbihtc :D

      Delete
      Replies
        Reply
    2. Reply
  2. RedaksiNovember 15, 2012 at 10:43 PM

    Hedeh Kok Bawa bawa Nama saya Mas Rio Hotu Memang saya pernah jadi admin diblog itu namun sekarang saya dah Get Out dari sana

    ReplyDelete
    Replies
    1. Blogspot TutorialNovember 16, 2012 at 1:35 AM

      owh...
      saya kira masih jadi admin di blog itu ~_~
      maaf ya kk hasbi :D

      Delete
      Replies
        Reply
    2. Reply
  3. Yousake NKRINovember 18, 2012 at 9:05 AM

    sekedar mampir sambi meramaikan blog ini :)

    ReplyDelete
    Replies
      Reply
  4. AdminNovember 18, 2012 at 4:04 PM

    makasih infonya sob,... :D

    ReplyDelete
    Replies
      Reply
  5. dititik blogNovember 18, 2012 at 5:23 PM

    wah mantep mas

    ReplyDelete
    Replies
      Reply
  6. DamzakNovember 18, 2012 at 7:21 PM

    mantap gan blognya ringan banget nih, visit back ya....

    ReplyDelete
    Replies
      Reply
  7. KederNovember 19, 2012 at 1:17 PM

    Mantab mas pelajaran'a

    ReplyDelete
    Replies
      Reply
  8. SupercoolzzNovember 19, 2012 at 3:23 PM

    wah kalo yang ini baru tau ane gan..:D

    ReplyDelete
    Replies
      Reply
  9. Unknown 1November 19, 2012 at 5:38 PM

    Begini juga bisa, <div id='contoh1' class='contoh2'></div>

    ReplyDelete
    Replies
      Reply
  10. Khabaran UnikDecember 23, 2012 at 6:33 PM

    Waaaahhh..., Nambah ilmu lagi ne..., mantap gan infonya.., secara ane yang juga lagi belajar CSS, dan terkadang rada-rada pusing (biasa)....!

    Thanks ya Gan...,

    ReplyDelete
    Replies
      Reply
  11. mochammad kamaluddinJune 7, 2013 at 3:38 PM

    element pada table tu gak bisa ya pake class

    ReplyDelete
    Replies
      Reply
  12. AnonymousJune 9, 2013 at 11:42 PM

    Thanks mas aneh da paham sekarang, pantas aja sering duplicate id kalo di tes valid HTML5nya

    ReplyDelete
    Replies
      Reply
Add comment
Load more...

Newer Post Older Post
Home
FeedFollowIkuti @RiouHato 
DMCA.com
MyFreeCopyright.com Registered & Protected

Recent Posts

Loading...

Template

Loading...

Recommended Link

  • VPN dan VPS Murah
  • Modem Murah
  • Cream Anissa
  • Hosting USA Autoblog Murah
Hak cipta © 2012 Platorial
Desain oleh Mas Sugeng - Diberdayakan oleh Blogger