Hallo sobat program, bertemu lagi dengan saya Rizal dan masih diwebsite Dumetschool. Pada kesempatan kali ini saya akan memberikan tips tentang Mengenal Fungsi Pseudo Element Global pada CSS.
Sebelumnya saya sudah membuat artikel tentang cara membuat variable pada css. dan diartikel tsb saya menggunakan pseudo element global untuk menampung variable. Teman-teman bisa lihat terlebih dahulu artikel saya yang sebelumnya.
Oke lanjut kepembahasan, dalam css ada property dimana berfungsi untuk membuat global yaitu :root dan :root ini merupakan pseudo element global untuk mewakili dokumen atau sebagai parent utama.
Mengenal Fungsi Pseudo Element Global pada CSS
Biasanya pseudo element global (:root) ini digunakan untuk menampung variable css. oke untuk lebih jelasnya teman-teman bisa simak kode html dan cssnya dibawah ini :
Saya membuat sebuah :root dimana isinya property background dengan nilai merah (Red) maka dari kode diatas jika dijalankan hasilnya akan menjadi seperti pada contoh gambar dibawah ini :
Dan untuk pengembangan dari pseudo element globar :root ini bisa digunakan dengan variable css. dan silahkan teman-teman rangkum kembali dari pembahasan saya ini agar dapat lebih banyak dimengerti lagi dan sharing keteman-teman programmer lainnya.
Oke baik kalau begitu cukup sampai disini pembahasan kali ini tentang Mengenal Fungsi Pseudo Element Global pada CSS. semoga dapat bermanfaat dan sampai bertemu dipembahasan selanjutnya.
Terimakasih
The post Mengenal Fungsi Pseudo Element Global pada CSS appeared first on Kursus Website Terbaik.