Customizing jquery theme for differnt component

Question

There are different UI jQuery components available. If i am using a particular jquery theme and i want to customize the css of any UI component (for example jQuery tab)

My question is how to customize the css of jQuery tab without affecting other components?

The problem i am facing is If i customize the tab css, my css change is partially affecting other components.

Answer 1

Use a special namespace class... for example mytabs and apply it to a container element. then redefine the themeing classes with this namespace to override... for example:

.mytabs .ui-tabs {}
.mytabs .ui-tab {}

so on and so forth.