CSS Pseudo Selectors & Elements

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

Leave a Reply

Your email address will not be published. Required fields are marked *