If you’re unsure of the difference between pseudo-classes and pseudo-elements, you can think of the former as being states of an element (hover, focus, linked, active, etc.) while pseudo-elements are parts of the document (before, after, first-letter, etc.). Stephen Caver.