Different hover effects on the same web page

In CSS styles, a: hover refers to the style when the mouse moves over the link. Sometimes we need to make different effects on the link text in a webpage, and let the mouse move up also have different effects.

Method:
Definition
A. myname: hover

Myname is the name of another style table. For example
. Myname
{Color: # ff0000;
Text-decoration: none;
}

After the myname style link is applied, the style defined by a. myname: hover will be changed during hover.

Watch:Video tutorial: how to change the super connection color