A basic knowledge of HTML and CSS.
To learn how to use Pseudo class selectors to change specific child elements with CSS.
A pseudo-class is used to define a special state of an element.
Chooses every element that is the first child of its parent.
Selects every element that is the # child of its parent element.
Selects every element that is the first element of its parent.
Selects every element that is the # element of its parent, counting from the last child.
Selects every element that is not a specified element
Selects every element that is that last child of the parent element.
Adds content when using a :before or :after.
Inserts content before the content of every selected element.
Inserts content after the content of every selected element.
Bellow you will see two UL's. The first one which has a :before attached to it with a content of a dollar sign and a color of white.
The other UL has an :after attached to it with a content of SALE YO and a color of orange.
For your own example I ask you to follow the steps bellow.
First: Find the .prices li:before{ and change the color to one of your choosing.
Second: Find .sale li:after{ and change the content to something such as clearance.
Finally: Add some of your own styles to the :before and/or :after and see what you can make.