For you CSS smarties?

Question

How do I change the color and decoration of an link only for one DIV on my webpage? I know that if I put

:link {color: white;}
:visited {color: white;}

then my whole document will have just white links. But how do I do this for just one DIV? I'm trying to get my menu buttons to be white, and links within the document to be normal. Thank you!

Answer 1

#yourdivname a:visited {color: #FF0000}

If this is the only place you are changing the color of "a", you may see it change globally. If it does, it's annoying, but you can just write a:visited {color:#FFF} somewhere else, without the div prefix and that is like a global setting for it. I usually keep my global or default settings near the top of the css file.

Answer 2

You wrap your menu links in a div and give it an id, then use that id to select just the links within that div.

In your stylesheet:

#navigation a:link { color: white }
etc...

In your markup:

Answer 3

You can create a new class to apply to just the div of the text you want the different text style settings for.

Like so:

Answer 4

.whitelink{
font-family:arial,Tahoma,verdana;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none
}
.whitelink:hover{
font-family:arial,Tahoma,verdana;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none
}

apply this class 'whitelink' to tag
Test

and u can change the options in class as per your choice.