A CSS pseudo-element is a keyword added to a selector that lets you style a specific part of the selected element(s).
a:hover {} | Mouse Over Selector |
a:active {} | Active Link Selector |
input:focus {} | Focus Selector |
a:visited {} | Visited Links Selector |
.class:link {} | Link Selector |
input:checked {} | Checked elements selector |
input:disabled {} | Disabled elements selector |
input:enabled {} | Enabled elements selector |
:not(p) {} | Not a Specified Element Selector |
p::first-line {} | First Line Selector |
p::first-letter {} | First Letter Selector |
p:first-child {} | First Child Selector |
p:last-child {} | Last Child Selector |
p:only-child {} | Only Child Selector |
p:nth-child() {} | :nth-child Selector |
p:first-of-type {} | First Element of its Parent Selector |
p:empty {} | Elements that have no Children Selector |
.class::before {} | Before Element |
.class::after {} | After Element |