Halo gaes, ada yang pernah mengalami bolak-balik modif style css tapi hasilnya kok sama saja? kok tak ada perubahan gitu?. Oke, di kesempatan ini saya akan berbagi pengalaman serupa. Dulu saya juga pernah newbietol bahkan sampai sekarang masih, cuman bedanya tingat senioritas aja wkwkw. Oke cukup.
Katakanlah saya sedang membangun template web, tentu jaman sekarang saya tidak memulainya dari nol dong, saya menggunakan bootstrap sebagai framework style web saya. Lalu ada beberapa atribut style css yang harus saya sesuaikan dengan selera saya.
Tidak hanya itu, saya juga harus modifikasi beberapa style yang ditulis secara inline di dalam tag pembuka elemen.
Nah untuk melakukan semua itu, kita cukup menggunakan yang namanya !important
Menambahkan !important akan memaksa duplicate atribut menjadi satu aturan atau satu nilai.
Untuk memperjelas, mari kita mulai dengan kasus sederhana seperti berikut.
HTML
<div style="font-size: 18px; color: red;">
Hello World, How Can I Change The Color To Blue?
</div>CSS
div {
color: blue;
/* This Isn't Working */
}SOLUSI
div {
color: blue !important;
/* Good job it work! */
}Oke, selain untuk manipulasi inline styling, ini juga bisa untuk manipulasi style eksternal macam bootstrap.