Pada dasarnya ketika kita akan memulai menggunakan CSS ada baiknya kita mengerti apa itu selector, adapun tujuan penggunaan selector adalah untuk memilih element/tag html untuk diatur propertiesnya di css .
Css memiliki 3 jenis selector ,selector basic yaitu class selector, id selector,dan tag selector.
baik kita mulai saja
a.Class Selector.
Class adalah “agen bebas” yang dapat diterapkan untuk tag HTML apapun,Kita dapat membuat nama class dengan hampir semua nama apapun. Karena class selector dapat diterapkan ke beberapa tag HTML sekaligus,maka class adalah selector yang paling serbaguna. Penulisan class selector dalam CSS disimbolkan dengan tanda titik(.).
Contoh:Penulisan code didalam dokumen HTML.
Penulisan kode di html
<h3 class='judul'>www.webhozz.com</h3>
Penulisan kode di CSS
.judul{
color:red;
}
maka hasilnya akan seperti ini:
keterangan:
Selector Class dapat digunakan pada lebih dari satu tag HTML, masukkan style CSS dalam selector class jika terdapat
2 atau lebih elemen/tag HTML yang bisa memiliki style yang sama dalam satu halaman.
b. ID Selector
Hampir sama dengan class, ID dapat diterapkan untuk hampir semua tag HTML, tetapi penggunaanya hanya sekali dalam satu halaman untuk satu tag HTML tertentu.Penulisan ID selector dalam CSS disimbolkan dengan tanda pagar(#).
contoh:
penulisan kode pada html
<div id='header'>webhozz.com</div>
Penulisan pada CSS
#header{
color:blue;
}
maka hasilnya akan seperti ini
keterangan: Selector ID hanya digunakan untuk 1 element/tag pada satu halaman web.
c. Tag selector
Nama dari element HTML digunakan sebagai selector untuk mendefinisikan tag HTML yang berasosiasi. tag selector digunakan dalam CSS rule untuk mendifinisikan bagaimana suatu tag akan ditampilan.
penulisan pada htmlnya:
<p>webhozz.com</p>
penulisan pada Css:
p{
color:red;
}
maka tapilannya seperti ini:
