IT Progamming

   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 }

   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 }

   Untuk dapat membuat sebuah Id Selector anda harus meletakan tanda crass ( # ) sebelum nama Id Selector itu sendiri, dan nama Id harus dibedakan dengan Id yang lain, sehinnga sebuah Id harus bernilai Uniq.

   Atau anda juga dapat mendeklarasikan sebuah selector yang berasal dari element HTML yang akan dikenai efek.

                  Selector#id { Property : Value }

   Untuk membuat sebuah Id Selector anda dapat menggunakan campuran antara kalimat dan angka, misalnya sebagai berikut :

                  Selector#selec_115 { Property : Value } 

   Universal Selector adalah salah satu metode mendefinisikan sebuah selector yang dapat diterapkan pada segala element HTML.

   Untuk dapat membuat sebuah Universal Selector anda hanya perlu menambahkan tanda bintang ( * ) sebelum selector inti yang dimaksud.

   Contoh : *[LANG=fr] Selector ini sama dengan [LANG=fr]

   Pada suatu ketika paastinya anda akan menginginkan pemformatan bentuk karakter yang berbeda di dalam sebuah baris kalimat. Walaupun dengan menggunakan selector biasa kita juga dapat membuatnya, akan tetapi di dalam CSS2 memiliki sebuah selector yang fungsinya dikhususkan untuk menangani masalah seperti itu.

   Metode penulisan Descendant Selectors adalah :

              H1    { color: blue }

              EM  { color : blue }