4 replies [Last post]
Anonymous
Anonymous's picture
Guru
calgary,alberta
calgary,alberta

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

Anonymous
Anonymous's picture
Guru

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-

Anonymous
Anonymous's picture
Guru

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.

Sven
Sven's picture
Offline
Enthusiast
Brisbane, Australia
Last seen: 12 years 22 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2003-03-12
Posts: 166
Points: 0

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.

freak
Offline
newbie
Last seen: 16 years 6 weeks ago
Timezone: GMT-8
Joined: 2003-10-04
Posts: 7
Points: 0

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