why use !important in css code example

Example 1: css important

#content ul li {
   color : red;
}

ul li {
   color : blue !important; /* overrides the red color */
}

Example 2: !important css

div {
 width: 100% !important;
}