Is there a way to effect the parent properties on a a:hover? Ex:
<style type="text/css">
/* Some way to say, when hovering over the link,
change the background of the parent li. */
.something a:hover < li {
background-color: #FEFEFE;
}
</style>
<ul class="something">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Page</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Page</a></li>
</ul>I don't believe there is a CSS selector which refers to the parent of an element. You should be able to specify this as .something li:hover, but IE only supports :hover on hyperlinks unless you use a workaround (<!-- m --><a class="postlink" href="http://www.xs4all.nl/~peterned/csshover.html">http://www.xs4all.nl/~peterned/csshover.html</a><!-- m -->).
Adambut IE only supports :hover on hyperlinks
Exception proves the rule, p:hover (<!-- m --><a class="postlink" href="http://annevankesteren.nl/test/phover/">http://annevankesteren.nl/test/phover/</a><!-- m -->)
<style type="text/css">
/* Some way to say, when hovering over the link,
change the background of the parent li. */
.something a:hover < li {
background-color: #FEFEFE;
}
</style>
<ul class="something">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Page</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Page</a></li>
</ul>I don't believe there is a CSS selector which refers to the parent of an element. You should be able to specify this as .something li:hover, but IE only supports :hover on hyperlinks unless you use a workaround (<!-- m --><a class="postlink" href="http://www.xs4all.nl/~peterned/csshover.html">http://www.xs4all.nl/~peterned/csshover.html</a><!-- m -->).
Adambut IE only supports :hover on hyperlinks
Exception proves the rule, p:hover (<!-- m --><a class="postlink" href="http://annevankesteren.nl/test/phover/">http://annevankesteren.nl/test/phover/</a><!-- m -->)