Perintah ID dan CLASS Selector

ID dan CLASS Selector
Dalam penambahan untuk membuat sebuah style pada sebuah elemen HTML, CSS memperbolehkan kita untuk membuat Selector lebih spesifik yang dinamakan dengan ID dan CLASS

ID Selector
ID Selector digunakan untuk menetapkan sebuah style tunggal yang unik. ID Selector menggunakan atribut ID dari elemen HTML, dan ditandai dengan tanda "#".
Style di bawah ini ditujukan pada elemen HTML dengan ID "para1" :
#para1
{
text-align:center;
color:red
}
Jangan menggunakan angka didepan sebuah ID karena akan menimbulkan masalah dengan browser firefox.

CLASS Selector
CLASS Selector digunakan untuk menetapkan sebuah grup style elemen. Tidak seperti ID Selector, CLASS Selector paling sering digunakan untuk beberapa elemen.
CLASS Selector memperbolehkan kita untuk menetapkan style tertentu untuk beberapa elemen HTML dengan class yang sama. CLASS Selector menggunakan atribut HTML yang ditandai dengan tanda titik ".".
Pada contoh di bawah ini, semua elemen HTML dengan class="center" akan dibuat rata tengah.
.center {text-align:center}
Kita juga dapat menetapkan, hanya elemen HTML yang tertentu saja yang terkena efek suatu CLASS.
Pada contoh di bawah ini, semua elemen p dengan class="center" akan dibuat rata tengah.
p.center {text-align:center}

0 comments: