CSS Specificity Example

This line shows up red because it is attached to an ID, which has a higher speceficity over a class.
This line shows up blue because it is only attached to a class, which has a lower speceficity than an ID.
This line will appear green because it has a dependent class of main-portion and show-green.

This line appears purple because it is a dependent class of the main portion and a paragraph tag.