Configuring jquery theme for different components

Question

Various jQuery UI components are available. If I use a specific jQuery theme and I want to customize the css of any user interface component (e.g. jQuery tab)

My question is how to set up jssuery css tab without affecting other components?

The problem I am facing is that I am setting up the css tab, my css change partially affects other components.

Answer 1

Use a special namespace class ... for example, mytabsand apply it to the container element. then override theme classes with this namespace to override ... for example:

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

..