What's the correct order when combining the active, focus and hover pseudoselectors? code example

Example 1: pseudo class css

.element:nth-child(1)
.element:hover
.element:visited

Example 2: What is a pseudo selector?

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