Tipe Selector pada CSS

     

     Cascading Style Sheets atau yang sering disebut CSS adalah aturan dalam pembuatan web untuk mengatur komponen yang ada sehingga akan lebih terstruktur. Dengan CSS kita bisa mengatur semua komponen yang ada misalnya warna, posisi komponen, jarak antar komponen dan masih banyak lagi. CSS sendiri terdiri dari beberapa macam jenis selector yang sering digunakan, diantaranya:

1. Selector tag
Selector tag menggunakan fungsi html untuk diberikan efek css, misalnya p{}, li{}.

2.Selector class
Selector class ini bisa digunakan dalam tag yang berbeda yang artinya selector ini bisa digunakan hingga berulang-ulang kali, selector ini ditandai dengan titik(.) sebelum nama selector.

3. Selector id
Selector id hampir memiliki konsep yang sama dengan selector class, namun yng membedakan disini ialah hanya bisa dipanggil satu kali saja, selector ini ditandai dengan tanda pagar (#) sebelum nama selector.

4. Selector pseudo class
Selector ini biasanya digunakan untuk mengatur atribut suatu tag, misalnya saja untuk mengatur anchor(a). macam selector ini ada :hover, :link, :visited, :active.

5. Selector pseudo elemen
Selector ini digunakan untuk memberikan efek menarik, misalnya saja, :first-letter, :first-line, :first-child.

6. Selector keturunan
Selector ini digunakan untuk suatu keturunan di HTML, contohnya <ul> <li></li><li></li></ul>

7.Selector orang tua anak
Selector ini diberlakukan hanya untuk keturunan pertamanya saja dan tidak berlaku untuk keturunan kedua.

8. Selector atribut
Selector ini digunakan untuk memilih tag yang mana saja yng ingin diberi efek dengan css.

9. Selector Berdekatan
Selector ini digunakan untuk mengatur elemen yang berdekatan dengan yang lainnya, dan dilambangkan dengan tanda (+).

10. Selector gabungan
Selector ini digunakan untuk menggabungkan beberapa tag agar bisa diberi efek yang sama, dan dilambangkan dengan (,).

11. Selector universal
Selector ini ditujukan untuk semua elemen HTML, dan dilambangkan dengan tanda (*

Thanks

Posting Komentar

Please Select Embedded Mode To Show The Comment System.*

Lebih baru Lebih lama