Override HyperLink?

I have this in my style sheet:

a:link
{
color : #000000;
text-decoration : None;
font-weight:bolder;
}

a:hover
{
color : #333333;
background-color : Transparent;
font-weight:bolder;
}

a:visited
{
text-decoration : None;
font-weight:bolder;
}

But for a single div tag, I want to have different behaviors for all
<a> tags inside the <div>. How do I do that?

Thanks.

bradwiseathome (AT) hotmail (DOT) com (bdwise) wrote:

But for a single div tag, I want to have different behaviors for all
a> tags inside the <div>. How do I do that?

<div class="foo">

..foo a:link {styles}

etc.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <steve (AT) pugh (DOT) net> <http://steve.pugh.net/>

"bdwise" <bradwiseathome (AT) hotmail (DOT) com> wrote

I have this in my style sheet:

a:link
{
color : #000000;
text-decoration : None;
font-weight:bolder;
}

a:hover
{
color : #333333;
background-color : Transparent;
font-weight:bolder;
}

a:visited
{
text-decoration : None;
font-weight:bolder;
}

But for a single div tag, I want to have different behaviors for all
a> tags inside the <div>. How do I do that?

You could apply a class (or ID) to you div, and then write rules for that
class (or ID). For example:

..mydiv a:link
{
color : #ff0000;
text-decoration : None;
font-weight:bolder;
}


<div class="mydiv"><a href="#">This should be red</a></div>

Regards,
Peter Foti