0 Replies Latest reply on Jan 18, 2011 7:05 AM by Dieda12

    a:hover .child - does not work properly on ADE

    Dieda12

      Dear all,

       

      I tried the following xhtml+css valid code:

       

      XHTML FILE

       

      <a href="#" alt="" class="trial">Trial<span class="red">Red text</span></a>

       

      CSS FILE

       

      a.trial:hover .red{
           color:red;
           }

       

      This should make the "Red text" red coloured when hovering either the text "Trial" or the "Red text" one.

      If I insert this code in the xhtml and css files inside an .epub, the :hover class does not work properly in ADE: it is somehow shifted to the span.red element only, and hovering the text "Trial" does not produce any effect.

      In fact, "Red text" becomes red coloured when hovering itself only.

       

      In ADE:

       

      a.trial:hover .red{
           color:red;
           }

       

      and

       

      .red:hover{
           color:red;
           }

       

      are rendered at the same way.

       

      Does anyone know why this happens and how I could have, in ADE, something happening at a text when clicking/hovering another element ?

       

      Thanks in advance

       

      Elena