La clausola !important serve a gestire le priorità su eventuali conflitti di regole, facciamo subito un esempio:

.myBox{
  margin:3px !important;
  margin:9px
}

Il margine sarà di 3px in quanto dopo dopo la prima dichiarazione c’è la clausola !important.

Un’altro caso potrebbe essere:

.myBox{
  margin:3px !important;
}
p.myBox{
  margin:7px;
}

In queto caso la dichiarazione p.myBox in quanto più specifica dovrebbe essere “più forte”, mediante l’utilizzo di !important abbiamo però sovvertito le priorità quindi un paragrafo con classe myBox avrà margine 3.