hi all i've got
<div align="center" class="timesgray">Coronal</div>
in the index page with
a linked style sheet containing:
.blah {
font-family: "Times New Roman", Times, serif;
font-size: .9em;
font-style: normal;
font-weight: bolder;
text-transform: uppercase;
color: #CCCCCC;
letter-spacing: 0.2em;
}
div.blah:link {color:#cc0000;background-color:#ccff99;}
div.blah:visited {color:#cc0000;background-color:#ffff00;}
div.blah:hover {color:#ffcc00;background-color:transparent;}
div.blah:active {color:#ffffff;background-color:#666666;}
but it only works in mozilla.
any clues?
thanks
tag.class:pseudoclass mozilla working code blurb
forgot a small edit
the "timesgray" in the class= line is actually "blah" in the style sheet link.
so it all does actually work -in mozilla-
tag.class:pseudoclass ain't working on ie, only on Mozilla
even though it is a part of the CSS2 recommendation IE doesn't support the :hover-, :active- and :focus-pseudoclasses on any other elements than a.
tag.class:pseudoclass ain't working on ie, only on Mozilla
As a bit of a hack, IE will let you do things like:
a.someClass:hover img { ... }
But, this will still only let you change elements that are textually enclosed within the anchor link.
tag.class:pseudoclass ain't working on ie, only on Mozilla
If you wanted to achieve that effect and have it work in IE you would use Javascript.
// freak