how do I prevent interaction classes from affecting nested icons?
Hi
I'm afraid that the answer to my question is: "Can't be done." But
here goes:
I'm building a widget that uses a header (.ui-widget-header). The
header receives hover style on mouseover (.ui-state-hover) and affects
an icon (.ui-icon, immediate child of header) which is re-styled by
the interaction. So far so good.
Now, inside the header there's a div (to receive the hover class
independently) and inside the div is *another* icon div (.ui-icon.ui-
icon-close). My problem: I don't want this icon to be affected by the
hover on the header. Is there a way to "reset" the styles inherited
from the second-level parent? (Or do I have to do this
programmatically?)
If not there needs to be IMO...
Thanks