colored links inheriting property values

**james438** · 12-13-2007, 01:17 AM

How can I get the links to not inherit the properties of the body. For some reason the top link behaves correctly, but with the wrong color while the second one has the right color, but now the javascript does not work.

I am rusty and am not sure what I am doing wrong.

Thanks

PHP Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<style type="text/css">

body {

    background-color: #000000;

}



a:link {

    color: #000000;

}

a:visited {

    color: #666666;

}



.style9 {

color:          #9900CC;

visited:        #9900CC;

}

-->

</style></head>

<script src="http://i.thottbot.com/power.js"></script>

<body>

<div align="center"><a href='http://thottbot.com/i30247'>Leggings of the Vanqud Hero x2</a><br>

<a href='http://thottbot.com/i30090'><span class="style9">World Breaker</span></a><br>

  </div>

</body>

</html>

**james438** · 12-13-2007, 02:59 AM

I fixed it. I added

Code:

a.style9 {
color:          #9900CC;
visited:        #9900CC;
}

as opposed to

Code:

style9 {
color:          #9900CC;
visited:        #9900CC;
}

**boogyman** · 12-13-2007, 02:04 PM

Originally Posted by james438

I fixed it. I added

Code:

a.style9 {
color:          #9900CC;
visited:        #9900CC;
}
}

I have never seen that work, and I dont believe it should on standards compliant browsers. You would need to declare each psuedo selector explicitly, however you can group them together somewhat like.

Code:

a.style9:link, a.style9:visited {
     color: #9900cc;
}

**james438** · 12-13-2007, 02:21 PM

I see the error now. I am now going to use:

Code:

a.style9:link {color: #9900cc;}
a.style9:visited {color: #9900cc;}

**boogyman** · 12-13-2007, 02:28 PM

Originally Posted by james438

Code:

a.style9:link {color: #9900cc;}
a.style9:visited {color: #9900cc;}

thats correct, the way you have it there does them separately, however you were declaring yours in 1 instance, so thats why I modeled mine the way I did. But if the person is going to have them the same initially, it's usually a good bet they will always want it that way.

**james438** · 12-13-2007, 02:37 PM

Thanks for the tip. It all looked like it was working at first glance, but after a closer look I saw that my "fixed" code still was not working quite right.

Thread: colored links inheriting property values

Thread Tools

Search Thread

colored links inheriting property values

Bookmarks

Bookmarks

Posting Permissions