Selain mengatur style pada elemen HTML, CSS memungkinkan Anda untuk menentukan selector sendiri yang disebut dengan “id” dan “class” CSS. Id dan class ini nantinya dapat Anda berikan nama sesuai dengan keinginan.
Id Selector
Id selector digunakan untuk mengatur style pada elemen unik dan tunggal. Artinya Anda hanya dapat menggunakan satu id pada satu elemen HTML. Id selector didefinisikan dengan atribut id di elemen HTML, dan didefiniskan dengan “#” di CSS.
Contoh dibawah, sebuah elemen yang didefinisikan dengan id = “para1” :
Catatan : JANGAN memulai nama ID dengan nomor! Karena tidak akan bekerja di Mozilla / Firefox.
Class Selector
Class selector digunakan untuk menentukan style pada sekelompok elemen. Berbeda dengan id selector, class selector dapat digunakan pada beberapa elemen secara bersamaan.
Class selector didefinisikan dengan atribut class di HTML, dan didefinisikan dengan “.” di CSS.
Contoh dibawah, semua elemen HTML dengan class=”center” akan berada diposisi tengah.
Catatan : JANGAN memulai nama Class dengan nomor! Karena hanya dapat bekerja di Internet Explorer, tidak di web browser lainnya.