CSS - Overriding Css

Hi, I am trying to add bottom borders and image bullets to only the first level of unordered lists and no matter what is code, I get them everywhere.

Can someone offer some insight (or where I can get some) for targeting specific ul li levels?

Thanks...

I'm making changes to a web application and right at the top of the CSS of the common header for the generated HTML there are pseudoclasses for the link colors. a:link a:hover.... etc.

I was trying to change the color of a few links further down on the page by creating seperate classes and I was getting very odd results. Some links would change color and some would not. Finally I noticed the pseudoclasses at the top and commented them out. Suddenly all my colors looked GREAT in internet explorer, but it seems that Mozilla is ignoring my seperate classes and making the links into the browser default.

Here is a summary of my generated code right now:

CSS:
a:link,a:active,a:visited { color : #5E6C85; }
a:hover { text-decoration: underline; color : #DD6900; }

.indnav { font-weight: bold; font-size: 11px; color : #000000; }
a.indnav { text-decoration: none; color : #000000; }
a.indnav:hover { text-decoration: underline; }


HTML:
<span class="indnav"><a href="index.php" class="indnav">(link text)</a></span>


So what I would really like is for the pseudoclasses to apply for all links, except for when I define a specific class it should override the pseudoclasses. How do I do this? Thanks so much for your time in answering.

Hi,

Is there a way to tell the browser to replace certain colours with other colours? For example replace #FF0000 with #00FF00?

Also is there anyway to refer to the parent of an element?

Thanks,
Matthew

so...
having this problem where i have some css styles applied to form inut boxes, and one of them asks for the user to input his/her email address. IE, thinking it's being helpful, is overriding my nice green background with an ugly yellow background.

I've done some testing, and if i put the word "email", "e_mail", "e-mail", or even "mail_e" in either the html text NEXT to the blank, or in the name of the INPUT tag, IE assumes i want it to be yellow.

any way of overriding this?

CSS:
Code:

.inputBox {
	border: 1 solid black;
	background-color: #bcdd4a;
	font-size: 12;
	width: 200;
	height: 16;
	color: #145e16;
	font-weight: bold;
}

HTML:
Code:

<td valign=top>E-mail:</td>
<td valign=top><input type="text" class="inputBox" name="emailAddress" size=20></td>

IE Version: 6.0.2800.1106
LINK: http://www.t-2.biz/contact.php

please help, frustration setting in.

cheers \\ kfancy

I have one css file
which is linked to all my html pages

That css file defines a style for all my
<a> tags

ie - a:link, a:visited, a:hover etc.

Theres one html file
where i need a different style for some of the <a> tags
ive set a sepecific class on these tags ie:
<a class="set1" etc

and in my css file ive tried the following

.set1 a:link
{
etc
}

but for some reason this doesnt override the style on the generic a tags
ie it seems to keep using
a:link {

}

ignoring the

.set1 a:link
{
etc
}

help!