!important di css

ga juga sih important itu opsional gan tergantung sama kondisi

misal

 button{
background:black;
}
button:hover {
background:white;
}

nah gimana caranya ketika kita ngehover warna bg tetap black sedangkan kita sudah mendeklarasikan warna putih di hover

 button{
background:black!important;
}
button:hover {
background:white;
}

silahkan analisa sendiri bila penjelesan saya kurang jelas

kapan menggunaan !important? , ketika properti tersebut tidak mau ada yang bisa mengubahnya, misal takut ada js yang mengubah nilai properti tersebut, atau ada deklarasi css selain ditempat itu yang menimpanya sehingga nilainya berubah.

tapi karena biasanya kita butuh perubahan css biar website ngga kaku, ya jangan gunakan !important pada properti2 tersebut. ntar gabisa berubah deh