I have a complex mark-up structure with multiple CSS classes associated: classA, classB, classC, classD. These classes are used for both styling via CSS and event binding using jQuery selectors.
The Challenge: I need the jQuery events to be functional while disabling the CSS styling on my elements. In other words, I want to prevent the CSS styles from affecting the appearance of the elements, but still have the jQuery functionality intact.
Is there a way to override the CSS selectors so that they no longer apply styles to my mark-up elements?
For instance:
div.classA div.classB p.classC span.classD{
color:red;
}
I attempted to remove the red font color by overriding the selector, but was unsuccessful:
div.classA div.classB p.classC span.classD{
color:red;
}
div.classA div.classB p.classC span.classD{
/*no styles here*/
}
Your assistance would be greatly appreciated!