Pseudo class define special state of element like i.e a:hover
while pseudo element define style for specific part of element i.e h1::beforeDifference between pseudo elements and classes:
=> pseudo element represent an actual part of DOM whereas pseudo classes
represents state of an element based on the user's interactions with it
=> pseudo elements use :: while classes use :A pseudo-class is a selector that selects elements that are in a specific state, e.g. they are the first element of their type, or they are being hovered over by the mouse pointer