SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Guru quenting's Avatar
    Join Date
    Dec 2002
    Location
    Switzerland
    Posts
    735
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    interaction between classes / css events

    I found out the following code :

    Code:
    LI { display: none; }
    UL:hover > LI { display: block; }
    seemed to work on some browsers, as netscape, but i can't have it to work under IE.
    Is the ">" character CSS or is it netscape ?
    Is there a way some hover event can modify another class without using javascript under IE ?

    And another question, are there any other events that can be handled by CSS-only than the hover event ? Especially, is there some way to do the "onclick" event without the use of javascript ?

    Thanks
    Quentin

  2. #2
    SitePoint Guru bronze trophy blufive's Avatar
    Join Date
    Mar 2002
    Location
    Manchester, UK
    Posts
    853
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It's CSS. See http://www.w3.org/TR/CSS2/selector.html#child-selectors

    But IE/windows doesn't implement it. IE/Mac does, apparently, as do Opera 5+ and Netscape 6+ and related browsers.

  3. #3
    ☆★☆★ silver trophy vgarcia's Avatar
    Join Date
    Jan 2002
    Location
    in transition
    Posts
    21,235
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    The [container] > [child element] syntax is CSS2, which IE has not implemented too well yet. Later versions of Opera, as well as Mozilla, have implemented it though. If you want something that works with IE/Windows your best bet is to find anotehr way.

    --Vinnie


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •