Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya, pada tutorial kali ini kita akan membahas tentang css yaitu lebih tepatnya kita akan memahami kegunaan !important pada css3.

fungsi dari !important pada css yaitu mendahulukan style yang kita berikan important ketimbang style yang lainnya, jadi pada konsepnya style yang kita berikan !important adalah style yang lebih didahulukan atau dianggap lebih penting dari style-tyle css lainnya, untuk lebih jelasnya kita langsung saja pada praktek, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Script diatas saya membuat sebuah element h1 yang saya berikan id dengan nama judul, lalu saya membuat 2 buah perintah css yaitu dengan selector h1 saja, dan selector h1 beserta idnya, seperti ini:

jika teman-teman save, maka hasilnya akan seperti berikut ini:

memahami kegunaan !important pada css31

style yang terbaca oleh browser adalah style yang selectornya lengkap yaitu h1#judul, mengapa? karena pemanggilan selectornya elbih terperinci, nah sekarang coba teman-teman tambahkan script important pada selector h1nya seperti ini:

maka jika teman-teman save hasilnya akan seperti ini:

memahami kegunaan !important pada css32

yang terbaca adalah style yang kita berikan important, mengapa? karena style important akan lebih didahulukan dari style yang lainnya,

Gimana teman-teman cukup mudah bukan, mungkin untuk tutorial kali ini tentang memahami kegunaan !important pada css3 cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima kasih