Step one uses the two new CSS2 pseudo classes we saw a little earlier . The before and after pseudo classes are appended to selectors, and allow the insertion before or after selected elements. We then need to tell the browser what text to prepend. To do this we use a new property, content . The content property allows us to define the content that is to be inserted before or after selected elements.
Content can comprise strings of text, images, counters and quotation marks.
Quotation marks are defined by the new quotes property. What it does The content property specifies the content to be added before or after an element selected by the before and after pseudo classes. It can only be used with these selectors. Possible Values content can comprise a list of strings, URLs that resolve to images or other resources, counters or keyword defined elements. These are added as inline, block or marker elements before or after selected elements depending on the pseudo element selector used.