Link visited hover active sequence Problem

In CSS, the color of the accessed Link (A: visited) is defined. When the link is accessed, the color of the link will not change, that is, the color of the mouse over the hyperlink (A: hover) does not work. Here I find:

Anchor pseudo-classes
A link that is active, visited, unvisited, or when you mouse over
Link can all be displayed in different ways in a CSS-supporting Browser:
When a connection is active, accessed, not accessed, or you move the cursor over it, it can be displayed in different ways, provided that the browser supports CSS:

A: link {color: # ff0000}/* unvisited link */
A: visited {color: #00ff00}/* visited link */
A: hover {color: # ff00ff}/* mouse over link */
A: active {color: # 0000ff}/* selected link */
Note: A: hover must come after a: link and a: visited in the CSS definition in order to be valid !!
Note that a: hover must appear after a: link and a: visited. The effect can only be displayed in order!

 

Note: A: active must come after a: hover in the CSS definition in order to be valid !!
Note: In CSS, A: active must appear after a: hover is defined!