!important is to over-ride any specificity you might have on the page. For example, you might have something like this:
#example {
font-size: 14px !important;
}
#container #example {
font-size: 10px;
}
In the absence of !important, the font size will be 10px for a div called ID example but by using !important, the second declaration CAN'T over-ride the first. In normal cases that is what happens but in this case it can't because of the word !important. I hope you get the idea.