Lets say, I have a div for my navigation in my page. How do I make the links look a certain way for that specific div in more than one way?

For example when I hover over the link I want the color of the link to change to yellow

When the link is active it should stay the same as the normal one and still allow hovering.

The visited version of the specific div for my navigation should be the same as the one that is created and used.

When it hovers it should be yellow;
When it is active, normal, or visited it should be the same way too.

As you can see from my topic IM struggling to remember CSS xD But I believe this is how you do it...

classname:link {
    color: #000000;
    text-decoration: none;
}
classname:visited {
    text-decoration: none;
    color: #000000;
}
classname:hover {
    text-decoration: underline;
    color: #000000;
}
classname:active {
    text-decoration: none;
    color: #000000;
}

I think....then you just say div id=classname

Maybe? D; haha...someone will probably correct me.

bluemage is close. I would do something like:
.classname a:link {
text-decoration: none;
color: #000000;
}

This is saying that any link within an element with the class "classname" would have these attributes.

An example two classes defined and one used:

A.nav-link {
font-size: 10pt;
color: #000000;
font-family: Verdana;
font-weight: normal;
text-decoration: none;
}
A.nav-link:visited {
color:#000000;
}
A.nav-link:hover {
color:#FF0000;
}
A.body-link {
font-size: 10pt;
color: #64825d;
font-family: verdana;
font-weight: bold;
text-decoration: none;
}

A.out-link {
font-size: 10pt;
font-family: Verdana;
font-weight: bold;
text-decoration: none;
}

And then in the html

<a class="nav-link" href="filename.html"> Anchor text</a><br>