why is css important 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;
}

Example 3: important css

Hey! Using !important in your code means that you've done something wrong.
Try avoiding it as much as possible.