CSS dan Selector
CSS
CSS (Cascading Style Sheet) adalah salah satu bahasa markup. Fungsi dari css sendiri adalah untuk mendesain suatu web. Css biasanya di gunakan bersamaan dengan html dan JavaScript.
Di CSS sendiri ada juga elemen,atribut,dan valuenya. Tapi, dengan nama yang berbeda dengan html. Di CSS namanya selector,property,dan value. Untuk penjelasannya ada di gambar di bawah.
Sumber:https://dev.to/aniket_chauhan/generate-a-css-selector-path-of-a-dom-element-4aim
Selector CSS
Selector CSS ada beberapa jenis. Untuk penjelasan selector CSS ada di bawah:
1. Type Selector
Type Selector adalah memberikan atribut html berdasarkan elemen tertentu.
Sumber:https://www.simplilearn.com/tutorials/css-tutorial/selectors-in-css
2. Atribut Selector
Atribut Selector adalah merubah seuatu elemen sesuai atribut yang ditulis.
Sumber:https://www.tutorialbrain.com/css_tutorial/css_attribute_selector/
3. Id Selector
Id selector adalah memberikan atribut pada elemen html dan namanya unik. Penulisannya harus menggunakan tanda # di depannya
Sumber:https://linuxhint.com/css-id-selector/
4. Class Selector
Class selector mirip dengan Id Selector,bedanya Class Selector tidak harus menggunakan nama unik. Dan penulisannya menggunakan tanda titik(.) di depannya.
Sumber:https://www.simplilearn.com/tutorials/css-tutorial/selectors-in-css5. Universal Selector
Universal Selector digunakan untuk menyeleski semua single elemen. Penulisan selector ini menggunakan tanda bintang(*) di depannya.
Sumber:https://www.wikitechy.com/css/css-universal-selector
6. Child Selector
Child Selector adalah selector yang penggunaannya berdasarkan urutan elemen html,Elemen html bisa disebut sebagai pohon keluarga.Jadi, bisa berupa induk atau anak.Istilah anak menjadi kata child. Penulisannya mengguanakan tanda (>)
Sumber:https://www.youtube.com/watch?v=Nw-TkxVenfw
7. Descendent Selector
Descendant Selector adalah mencocokan semua elemen yang merupakan turunan dari elemen yang ditentukan. Jadi,semua elemen yang ditentukan akan turun dari elemen yang menajadi turunannya.
Sumber:https://www.youtube.com/watch?v=1CiZ99eJ8j0
Komentar
Posting Komentar