Classes of standard HTML tags and psuedo classes

So far we have created style sheets for independent classes and added them to one or more HTML tags. We have also use psuedo classes such as ":hover". However when use psuedo classes, they impact all iterations of the tag (in this case the anchor tag). It is possible to create classes of psuedo classes and apply those classes to some tags, and not others.

In this excercise we're going to create classes for psuedo class ":hover" of anchor tag (<a>) and then apply it to some anchor tags and not others

The following are standard links

Google

Yahoo

Amazon

Fox New

The following is a link that is not underlined

The following is a link that is not underlined AND turn cyan after it has been visited:

Fox New

The following is a link that is not underlined by default but gets underlined when you hover over it

The following is a link that is not underlined by default but gets underlined and changes color when you hover over it

The following is a link which when clicked opens the link in a new tab

Besides the "hover" psuedo class, the anchor tag also has the following psuedo classes

• "link" - This allows you to define how an unvisited link should look like.
• "visited" - This allows you to define how a visited link should look like.
• "active" - This allows you to define how a selected link should look like.

NOTE: "a:hover" MUST come after "a:link" and "a:visited" in the CSS definition in order to be effective.

NOTE: "a:active" MUST come after "a:hover" in the CSS definition in order to be effective.