Change The Style On Some Elements Without Changing All Of Them
I'm working on a website where we want to change the style on some of the elements that use the .ui-state-hover class without changing the style on all the other elements that use the same class. I can easily create a new class with the styles I want. What is the best and easiest (and repeatable) way of adding that style to the specific elements without writing new jquery script? Is there someplace in the existing jquery.js files that I can specify if the element has an id of ____, then use the new style?
The element I want to change is a ul inside a span set up to look like tabs. The span has a default id of "tabs" and the us has a default id of "ulTabs". If I change the id's, the default styles don't get added but then I have to write a lot of jquery to add the styles I want. I'm trying to find an easier way of doing this.