where to put important in css code example

Example 1: important css

body{
font-family: verdana, arial !important;
}

Example 2: important css

/* The !important property in CSS means that all subsequent rules on
an element are to be ignored, and the rule denoted by !important is
to be applied. This rule overrides all previous styling rules -- the
!important property increases its priority. */
h1 {
  background-color: red !important;  /* Syntax */
}
/* The !important property is mentioned immediately before the semicolon */