Tuesday - Pseudo-elements

When looking at this week's coding challenge, you will notice that the lorem ipsum paragraphs are styled differently on the first line than they are on each subsequent line. That is achieved through pseudo-elements. Pseudo-elements do not exist in HTML as tags but they can still be selected in CSS.

As an example, if you code p::first-letter in CSS, attendant declarations will only change the styling on the first letter of each paragraph. The element is the paragraph, and the first letter is a pseudo-element of the paragraph. To get a more thorough exploration of pseudo-elements, check out W3Schools' tutorial on pseudo-elements.