CSS newbie needs help with LINKS

[fromtherooftops]

I typically work as a graphic designer for an ecommerce company, but I've been thrust into being their webmaster too. Yikes. So I'm taking on CSS...

I have a question concerning controlling the color, size, and font type of a certain group of links.

My situation:

I have a default ASP page, with about 5 includes. One of the includes is the area where the main body is located (I'll call it BODY.asp). This included BODY.asp page is the one I'm trying to change the links on.

There are global style sheets that make all the links on the top and side navigation 12pt arial in black. Of course, this makes the links I'm creating in the body exactly the same. That is precisely what I want for 50% or the links on the body page, but there's another 50% that I want to break out of this style sheet.

Since the BODY.asp include is at the bottom of the default page, whatever stylesheet I know how to put in there to control the specific part of the body ASP, winds up changing the side , top, and remainder of the body.asp.

Maybe I have to do an inline style sheet? But how do I write one for links? I only know how to do embedded style sheets for links (like below):
<!--
BODY {background: #FFFFFF}
A:link {color: #80FF00}
A:visited {color: #FF00FF}
H1 {font-size: 24pt; font-family: arial}
H2 {font-size: 18pt; font-family: braggadocio}
H3 {font size:14pt; font-family: desdemona}
-->

</STYLE>

the only knowledge I have of inline are something like this...
<FONT STYLE="font-weight: extra light; font-family: courier">affected text<FONT>

Thanks, any help or advice would be appreciated!
The links are in a TD

[Pegasus]

You can create a class for the links that you want to change and add that information onto the CSS page. What you'll have is:

a.newlink:link {new: CSS information; }
a.newlink:visited {new: CSS information; }
a.newlink:hover {new: CSS information; }
a.newlink:active {new: CSS information; }

The links you want to be different would be written as:

<a href="page.html" class="newlink">New Page</a>

Does that help any?

Peg

[BonRouge]

Use the cascade. The section where you want different links should have an id. Target the links within that section with CSS.

a {
color:blue;
}
#menu a {
color:red;
}

<ul id="menu">
<li><a href="#">A red link</a></li>
<li><a href="#">A red link</a></li>
</ul>
<div id="content">
<p>There's <a href="#">a blue link</a> here.</p>
</div>

http://bonrouge.com/br.php?page=faq#linkcolours