CSS - nested anchor tag link

Question

I would like to create nested link inside a tag

Example:

This is a link sup text         


        

Answer 1

Use a SPAN, since you cannot nest anchor tags.

This is a link sup text end of the link

Ok I'll use span, but how to make the span having the same propreties than anchor tag when anchor tag is hover ?

Add the hover state to your CSS for the "sup" element.

a, a:hover #sup {
    font-family: Arial;
    color: #19578e;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

If you have this in more than on place, you can simply use:

a, a:hover span { ... }