1. Selector Bebas
Selector Bebas adalah metode pembuatan sebuah selector sesuai dengan keinginan kita. Selector ini bersifat tidak terpaku pada element halaman web yang akan kita lakukan pemformatan. Sehingga dengan menggunakan selector ini anda dapat menggunakan sebuah karakter yang dirasas cocok dengan objek yang diformat.
Untuk dapat menciptakan Selector Bebas anda tidak diperbolehkan menggunakan selector yang ada pada Tag HTML seperti Body, H1, Link, dll. Anda hanya dapat menggunakan semua karakter maupun huruf yang tidak termasuk di dalam Tag HTML.
Metode penulisan Selector Bebas ini sama dengan metode-metode yang lain, yaitu tergabung di dalam syntax CSS yang telah ditentukan. Cara penulisannya sebagai berikut :
Selector_bebas { Property : Value }
2. Selector Class ( Selector dengan Klass )
Class merupakan bentuk selector yang digunakan untuk memanggil nama Selector dan nama Class Selector tersebut. Dengan menggunakan class, anda dapat mendefinisikan style yang berbeda untuk type Tag HTML yang sama.
Untuk dapat membuat selector berupa Class, syntax penulisannya hampir sama dengan metode selector yang lain. Akan tetapi, yang anda harus tambahkan adalah tanda titik yang diletakkan setelah nama selector tersebut dan diikuti nama Class. Tanda titik tersebut digunakan sebagai pemisah antara selector dan class yang menjadi sub selector.
Selector.Class1 { Property : Value }
Selector.Class2 { Property : Value }
