CSS !important

!important

Apa itu !important ?

Pengertian !important :

!important adalah sebuah aturan dalam CSS.
!important berfungsi sebagai penguat nilai properti.

p { color: blue!important;}

Nilai suatu properti yang ditambah penyebutan !important akan mematikan fungsi nilai properti lain yang serupa pada elemen sejenis.

<p>Ini paragraf teks warna merah</p>
<p class='blue'>Ini paragraf teks warna biru</p>
<style>
p { color: red;}
p.blue { color: blue!important;}
</style>

Ini paragraf teks warna merah

Ini paragraf teks warna biru

Penjelasan :

Pada contoh diatas, seharusnya CSS p {color: red;} mempengaruhi semua elemen dengan tag <p>. Namun pada elemen <p class='blue'> terdapat penyebutan !important pada nilai propertinya. Sehingga mematikan / menon-aktifkan fungsi nilai properti elemen <p> pertama. Dan memperkuat nilai properti CSS tersebut.

Kesimpulannya, Fungsi penyebutan !important pada nilai properti adalah :

Memperkuat fungsi nilai properti dan mengambil alih fungsi nilai properti lain yang serupa, terutama pada elemen yang sejenis.