Forum Moderators: not2easy
body {background-color: #FFFFFF;
font-family: Verdana, Arial;
font-size: 10px;
margin: 0px;
}
.extra {
font-family: Verdana, Arial;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}
.subhead {
font-family: Verdana, Arial;
font-size: 12px;
font-weight: bold;
color: #3582C4;
}
.subhead a:link{
font-family: Verdana, Arial;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #000000;
}
.subhead a:hover{
font-family: Verdana, Arial;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #3582C4;
}
.subhead a:visited{
font-family: Verdana, Arial;
text-decoration: none;
font-weight: bold;
font-size: 12px;
color: #000000;
}
P {
font-family: Verdana, Arial;
font-size: 10px;
color: #000000;
}
P a:link{
font-family: Verdana, Arial;
text-decoration: none;
font-size: 10px;
color: #000000;
}
P a:hover{
font-family: Verdana, Arial;
text-decoration: none;
font-size: 10px;
color: #3582C4;
}
P a:visited{
font-family: Verdana, Arial;
text-decoration: none;
font-size: 10px;
color: #000000;
}
Wouldn't I access the subhead by doing <P class="subhead> text here </P>
right?!
Wouldn't I access the subhead by doing <P class="subhead> text here </P>
Well, you didn't close the quotation marks (class="subhead"), but assuming that was a typo in this message then yes, that should apply the style in question. But overall your CSS is highly redundant and so it can be hard to tell where a problem might lie. Your whole CSS reduces to something like this (though I didn't try it):
body {
color: #000000;
background-color: #FFFFFF;
font-family: Verdana, Arial;
font-size: 10px;
margin: 0px;
}
.extra {
font-weight: bold;
color: #FFFFFF;
}
.subhead {
font-size: 12px;
font-weight: bold;
color: #3582C4;
}
a:link, a.visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #3582C4;
}
[validator.w3.org...]
[jigsaw.w3.org...]