Mengetahui jenis serta perbedaan pada selector di CSS

unbaja

Mochamad Yusuf Romdoni, S.Kom., MTI
Dosen Fakultas Ilmu Komputer
Teknik Informatika (S1) / Sistem Informasi (S1) / Manajemen Informatika (D3)

Sahabat IT ketika kita akan membuat sebuah website tentunya tidak cukup tanpa menggunakan CSS yang mengatur bagaimana halaman website kita teratur dan juga menarik, disamping itu pada codingnya juga akan tersusun dengan baik tidak bertumpuk pada HTML. Hal paling utama ketika kita akan menggunakan CSS pada HTML adalah dengan selector yang berfungsi untuk mengatur bagaimana pada sebuah halaman HTML untuk di berikan style atau diberikan rules untuk di design.

Pada umumnya untuk membuat Selector pada CSS terdapat 3 cara, diantaranya adalah :

  1. Text Selector / Elemen Selector yang fungsinya adalah memberikan rules atau mengatur suatu elemen pada HTML untuk diberikan style seperti warna (color), size, jenis font dan lainnya. Selector jenis ini cirinya memiliki behavior yang universal artinya nanti akan memberikan style yang sama pada seluruh elemen HTML, contoh <h1> FILKOM UNBAJA <h1> maka CSSnya h1{color: blue;}.
  2. Selector Class yang fungsinya sama namun CSS dengan class ini memiliki behavior berkelompok artinya setiap elemen yang berikan class ini bisa mengatur beberapa elemen yang sama pada HTML untuk diberikan style yang sama, contoh <h1 class=”red”> Fakultas Ilmu Komputer UNBAJA <h1> maka selctor css classnya adalah .h1 { color: blue;}.
  3. Selector ID yang fungsinya sama namun selector ini memiliki behavior yang unik artinya setiap elemen yang sama pada HTML akan dapat diberikan style yang berbeda. Contoh penerapannya pada CSS adalah <h id=”IDblue”> Fakultas Ilmu Komputer UNBAJA</h> maka selctor cssnya adalah #h1 { color: blue;}.

Sebagai catatan sahabat IT apabila terdapat selector ID dan Class dalam CSS maka CSS akan menganggap ID itu lebih penting atau prioritas lebih jelasnya kaka akan sampaikan dikelas Mata Kuliah Pemrograman Web, Itulah sekilas mengenai jenis dan perbedaan dari suatu Selector pada CSS, sampai jumpa di Fakultas Ilmu Komputer Universitas Banten Jaya (UNBAJA).

Related posts