Jquery UI: Comment définir différents styles CSS pour les onglets et Slider sur la même page

Question

J'ai deux éléments sur la même page qui utilisent la même feuille de style: Jquery Tabs et Jquery Slider.

Je ne peux pas redéfinir des classes de curseur car le changement de css affectera les deux éléments.

onglets en utilisant ces classes:

ui-tabs ui-widget ui-widget-content ui-corner-all 

Et ceux-ci sont utilisés dans Curseur:

ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all 

Comment puis-je modifier curseur sans modifier un css pour les onglets?

Merci

Answer 1

Faites savoir à vos styles quoi faire :)

css

.ui-slider{ 
/* regular used in other areas etc, etc */ 
} 

#mySlider.ui-slider { 
/* forced styles, whatever, etc, etc */ 
} 

ou utilisent pour plusieurs curseurs classnames, comme:

.customSlider.ui-slider { 

} 
.customSlider.ui-corner-all { 

} 

html

<div id="mySlider" class="slider"></div> 
or 
<div class="customSlider"></div> 

Je précise sur le css:

Vous pouvez spécifier plus d'un qualificatif pour les sélecteurs .. css comme ceci:

#idOfElement.classname { 
/* will only match items with id of "idOfElement" and class of "classname" 
    <div id="idOfElement" class="classname" ></div> */ 
} 

div.classname.classname2 { 
    /* will only match divs with both classnames: 
    <div class="classname classname2" ></div> */ 
} 

nous espérons que vous donne une bonne idée de ce qui se passe ..