CSS pseudo-classes are used to define a special state of an element. Here is a comprehensive list of commonly used CSS pseudo-classes: :active Styles an element that is being activated by the user. button:active { background-color: yellow;} :checked Styles a checkbox or radio button that

CSS pseudo-elements allow you to style specific parts of an element’s content. Here’s a comprehensive list of commonly used CSS pseudo-elements: ::after Inserts content after an element’s content. p::after { content: ” after”;} ::before Inserts content before an element’s content. p::before { content: “before “;}