Cascade in Cascading style sheets

This paragraph is green because the stylesheet specifies an !important rule that overrides the .highlight class, the #note ID, and the original p specification for black:

p { color: black; }              /* Element selector */
.highlight { color: blue; }      /* Class selector   */
#note { color: red; }            /* ID selector      */
p { color: green !important; }   /* Important rule   */