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-css


5. 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

Postingan populer dari blog ini

Perbedaan GitHub & GitLab

Menjawab Petanyaan Seputar Data Analyst

Apa itu Laravel