CSS uses pseudo-class used to style the element at some special state, like changing background color on hover or altering text-color on visiting the link etc. Here’s list of pseudo-classes supported by CSS
| Sr No | Pseudo class | Description |
|---|---|---|
| 1 | :active | the active link |
| 2 | :checked | every checked <input> element |
| 3 | :disabled | every disabled <input> element |
| 4 | :empty | every element that has no children |
| 5 | :enabled | every enabled element |
| 6 | :first-child | every elements that is the first child of its parent |
| 7 | :first-of-type | every element that is the first element of its parent |
| 8 | :focus | the element that has focus |
| 9 | :hover | links on mouse over |
| 10 | :in-range | elements with a value within a specified range |
| 11 | :invalid | all elements with an invalid value |
| 12 | :lang(language) | every element with a lang attribute value starting with "it" |
| 13 | :last-child | every elements that is the last child of its parent |
| 14 | :last-of-type | every element that is the last element of its parent |
| 15 | :link | all unvisited links |
| 16 | :not(selector) | every element that is not a element |
| 17 | :nth-child(n) | every element that is the second child of its parent |
| 18 | :nth-last-of-type(n) | every element that is the second element of its parent, |
| 19 | :nth-of-type(n) | counting from the last child every element that is the second element of its parent |
| 20 | :only-of-type | every element that is the only element of its parent |
| 21 | :only-child | every element that is the only child of its parent |
| 22 | :optional | elements with no "required" attribute |
| 23 | :out-of-range | elements with a value outside a specified range |
| 24 | :read-only | elements with a "readonly" attribute specified |
| 25 | :read-write | elements with no "readonly" attribute |
| 26 | :root | the document's root element |
| 27 | :valid | elements with a valid value |
| 28 | :visited | For visited links |