Mengenal jenis-jenis selector di CSS

Mengenal jenis – jenis selector di CSS

Class selector

Class selector adalah selector yang digunakan untuk grup properties, atau selector yang bisa di gunakan lebih dari satu elemen. Artinya sebuah nama class dapat dipanggil beberapa kali pada elemen-elemen yang ada pada sebuah halaman. Selector class ditandai dengan tanda titik ( . ) . dan untuk memnggil Class selector di tag/elemen HTML menggunakan atribut class

Class selector terbagi menjadi 2 jenis yaitu absolute class dan relative class :

Absolute class di CSS

Absolute class adalah penggunaan class selector tidak ditentukan  tag HTML-nya  . artinya bisa dipakai atau dipanggil di tag/elemen HTML mana pun

Format penulisan absolute Class  :

Contoh absolute class di CSS

Relative class di CSS

Relative class adalah penggunaan  class selector hanya bisa dipakai  tag/elemen  HTML tertentu.

format penulisan relative class :

Contoh relative class di CSS

Id selector di CSS

Hampir sama dengan class, Id dapat diterapkan untuk hampir semua tag HTML, tetapi penggunaanya hanya sekali (terbatas) dalam satu halaman untuk satu tag HTML tertentu. Selector class ditandai dengan tanda hashtag ( ) . dan untuk memnggil ID selector di tag/elemen HTML menggunakan atribut id

ID selector terbagi menjadi 2 jenis yaitu absolute Id dan relative Id :

Absolute Id di CSS

Absolute Id adalah penggunaan Id selector tidak ditentukan  tag/elemen HTML-nya  . artinya bisa dipakai atau dipanggil di tag/elemen HTML Mana pun

Format penulisan absolute Id  :

Contoh absolute Id di CSS

Relative Id di CSS

Relative Id adalah Id selector hanya bisa dipakai di elemen/tag HTML tertentu.

Format penulisan relative class :

Contoh relative id di CSS

Catatan class dan id : class bisa digunakan beberapa kali sedangkan id hanya bisa digunakan sekali saja. Oleh karena itu kita harus menggunakan code class pada element yang banyak kita gunakan. Contohnya adalah bila kita menggunakan style yang sama untuk semua paragraph yang ada di webpage maka bisa menggunakan code class.dan jika hanya digunakan satu kali di halaman maka gunakan id.

Tag selector di CSS

Tag selector adalah nama selector dari tag/element HTML yang  digunakan sebagai selector untuk mendefinisikan tag HTML yang berasosiasi. Misalnya, selector dari  <p>   adalah p. HTML selector digunakan dalam CSS  untuk mendefinisikan bagaimana suatu tag akan ditampilkan.

Format penulisan tag seslctor :

Contoh tag selector di CSS

 

LEAVE A REPLY

Please enter your comment!
Please enter your name here