customizng link using css

Question

I have a link with the following format:

        a:link
    {
        color: #034af3;
        }

    a:editedLink
{
    color: #FFFFFF;
}

along with the above I want to have a link with the following and I want to use both of them in my page depending upon my requirement. How can I do the above?

Vijay · Accepted Answer · 2011-04-27 05:52:05Z

2

Your question is not clear.

There are some pseudo classes in css for links

they are

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 */

Pseudo-classes can be combined with CSS classes like

a.red:visited {color:#FF0000;}
<a class="red" href="css_syntax.asp">CSS Syntax</a>

If this is not you want ,pls explain a bit further

answered Apr 27, 2011 at 5:52

Vijay

5,42310 gold badges56 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Damb · Accepted Answer · 2011-04-27 05:50:55Z

1

You can't set :whateverYouLike.

:link, :visited, :hover, :active ar reserved css pseudo classes/selectors.

If you want your own styling, use css classes. Like:

<a href="#" class="editedLink">LinkText</a>

plus css definition:

.editedLink {color:#FFF;}

answered Apr 27, 2011 at 5:50

Damb

14.7k6 gold badges50 silver badges49 bronze badges

Comments

Homer6 · Accepted Answer · 2011-04-27 05:51:52Z

0

a:link, a:visited, a:hover, a:active{
    color: #034af3;
}

a.editedLink{
    color: #FFFFFF;
}

<a href="/link" class="editedLink">Text</a>
<a href="/link">Text</a>

answered Apr 27, 2011 at 5:51

Homer6

15.2k11 gold badges65 silver badges83 bronze badges

Collectives™ on Stack Overflow

customizng link using css

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related