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 --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
