Customizing jquery theme for different 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.