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 hovering, or eventually clicking, another element ?
I also posted the question in the ADE assistance forum (although it is too technical maybe).
Thanks in advance
Elena