Selector CSS

Selector pada CSS berguna untuk memanggil tag - tag yang ada pada html seperti <h1> <p> <div>, dll, sehingga memudahkan seorang programmer web merancang tampilan dari web tersebut. Adapun beberapa hal dasar yang harus dipahami dalam membahas selector pada CSS adalah sebagai berikut :
  • Untuk menselect dapat menggunakan tag HTML.
  • Untuk menselect sebuah tag yang pada CSS dikhususkan gunakanlah atribut ID dan Class.
  • Untuk menselect sebuah ID diawali dengan simbol # (pagar).
  • ID hanya dapat digunakan sekali pada tag pertama dan hanya untuk dirinya saja.
  • Untuk menselect sebuah Class  diawali dengan simbol . (titik).
  • Class dapat digunakan untuk untuk banyak tag.
  • Penamaan untuk ID tidak boleh menggunakan (Spasi) setelah kata pertama, untuk membuat ID dengan menggunakan 2 kata, gunakanlah tanda (_) sebagai pemisahnya, hal ini dikarenkan Atribut ID pada html hanya mengenal 1 data saja.
  • Penamaan untuk Class boleh saja menggunakan spasi sebagai pemisahnya, akan tetapi kata setelah spasi akan dihitung/terbaca oleh CSS sebagai class kedua.
css selector


Untuk lebih jelasnya dapat melihat code dibawah ini :

Pada code diatas hal pertama yang harus benar - benar diperhatikan adalah, masukanlah tag <style> ..... </style> diantara tag <head> ..... </head> seluruhnya mengikuti instruksi bagaiamana cara menggunakan selector pada CSS pada hal - hal yang harus dipahami diatas, jadi jika ada yang kurang jelas pada codenya dapat menanyakannya langsung pada kolom komentar atau mengunjungi facebook admin.

Selamat Mengerjakan ...

Previous
Next Post »
Thanks for your comment