Selector dan Grouping Element Pada CSS

Jenis-Jenis Selektor

Selektor atau pemisah dalam CSS, dibagi menjadi beberapa bagian, antara lain:

Tag / elemen HTML

Menggunakan tag yang terdapat pada HTML. Setiap tag yang ada dalam HTML bisa dijadikan selector.
Contoh :

Kelas

Penggunaan selektor kelas akan diawali pengan tanda titik ( . ) di awal penulisannya, kemudian pada tag HTML ditambahkan class = (nama kelas).
Contoh :

 ID

Selektor ID digunakan untuk mendefinisikan tag secara individual atau spesifik. Penggunaan selector ID akan diawali dengan tanda pagar ( # ).
Contoh :

Grouping Element

Tag DIV dan SPAN digunakan untuk mengelompokkan element-element HTML. Span digunakan untuk mendefinisikan inline content, sementara div digunakan untuk block level content. Perbedaan dari kedua tag tersebut adalah sebagai berikut:

• Tag div akan membagi halaman web secara otomatis meskipun di dalam tag div tersebut tidak diatur format stylenya (css).
• Tag span hanya akan mengatur konten/isi yang dilingkupinya tanpa membagi halaman web ke dalam bagian-bagian kecil (seperti yang dilakukan tag div).

Posted in: PPW