Kegunaan Nilai !important pada Properti CSS

May 01, 2013
Sering kali kita menjumpai penulisan CSS secara inline di sebuah halaman web. Apalagi ketika kamu mendapat tugas untuk mengubah sebuah style dari beberapa elemen yang ditulis inline.

Prioritas inline adalah yang paling tinggi jika dibandingkan dengan penulisan CSS secara internal maupun eksternal. Hal itu menjadi dilema yang tak kunjung habisnya saat kita hanya mengubah style berdasarkan selektor dengan eksternal CSS.Bagaimana menyelesaikan kasus ini?

Solusi

Cara menyelesaikan kasus ini adalah dengan memahami nilai !important dari properti selektor yang ditulis inline. Berikut adalah kode dan hasil dari penggunaan !important. Amati dan pahami, kamu akan tahu bagaimana !important bekerja.

html-important.html

css-important.css

Hasil render menggunakan !important

Kesimpulan

Browser melakukan render dengan prioritas CSS penulisan inline di atas CSS penulisan internal dan eksternal. Namun, dengan adanya !important, browser mengubah prioritasnya.

Artikel Terkait

Previous
Next Post »