CSS & Java:hover images

Man-o-man…
do i have a knack for choosing the unfriendly topics of what?
/me pouts quietly and then pulls himself together.

generally if you are going to do that you would make an tag with a class that has a hover state. you would then give the tag a width and height in the css.
check out the tabs stuff on one of my stylesheets…
https://www.paularms.com/styles/black/style.css

.tabs {
text-align: right;
font-size: 16px;
margin-right: 185px;
margin-bottom: 5px;
}
a.tab, a.tab:link, a.tab:visited {
background: #666666;
border: 1px solid #FFFFFF;
padding: 5px 1em 5px 1em;
text-decoration: none;
border-bottom-width: 0px;
}
a.tab:hover {
background: #999999;
color: #FFFFFF;
}
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
padding: 6px 1em 5px 1em;
background: #000000;
border: 1px solid #FFFFFF;
border-bottom-width: 0px;
text-decoration: none;
position: relative;
top: 1px;
}

So (takes a deep breath cause he knows this is a stupid question) why then, as i am taking almost all of my instruction from the example CSS in WP, would you choose a class like
#class
over
.class
and how do you know the difference?
for example, when a class has a link
#class a:link
it doesn’t seem to work. but the class does.
from your example i see you use
a.class a.class.hover a.class.active
so is what i am doing (and how the calendar in the default WP css wrong?

Ok, i solved this issue of hover states for div image backgrounds if anyone’s interested.
https://fernando.dubtribe.com/archives/2004/09/16/css-hover-images-revisited/
hope it helps some future wheel carver like myself.
f.