As their names indicate, the :before and :after pseudo-elements specify the location of content before and after an element's document tree content. The “content” propery, in conjunction with these pseudo elements, specifies what is inserted. Note that the:before and :after pseudo-element inherit any inheritable properties from the element in the document tree they are attached and non-inherited properties take their initial values.