Posted by chrisv on 03/24/07 01:46

On Mar 23, 5:08 pm, "Jon Slaughter" <Jon_Slaugh...@Hotmail.com> wrote:
> "Ben C" <spams...@spam.eggs> wrote in message
>
> news:slrnf08h88.apu.spamspam@bowser.marioworld...
>
> > On 2007-03-23, Jon Slaughter <Jon_Slaugh...@Hotmail.com> wrote:
> >> is it possible to trigger events with css or is it purely a static
> >> scripting
> >> language? I have a menu that contains sub menu's and when the user clicks
> >> on
> >> the main link I want to set the visibility to show the sub menu(and
> >> ofcourse
> >> hide the visibility for all other sub menu's). Is the only way to
> >> accomplish this with js or does css have some ability to handle things
> >> like
> >> this?
>
> > This kind of thing is possible to some degree with CSS. RTFM "pseudos",
> > "pseudoselectors", :hover and the visibility property.
>
> But how can you modify a property of some other style? e.g., If I hover over
> a button I want to set the visibility property of a table.
>
> For example, suppose I have
>
> #SomeTable {
> visibility:hidden;
>
> }
>
> a:hover
> {
> SomeTable.visibility:visible;
>
> }
>
> ...
>
> <table id="SomeTable">
> </table>
>
> <a href=" ">Link</a>
>
> -----------
>
> Can I change the properties of other styles within a style? I'll read up on
> css and see if I can find the answer but I don't think of I have seen
> anything like before.
>
> Thanks,
> Jon


assuming table and href are in the same div, you could probably use
class inheritance and contextual definitions to get the desired
effect.

[Back to original message]