Comment appliquer un thème CSS uniquement à un élément jQuery-UI spécifique?

J'ai un site web déjà construire avec mon propre CSS du thème. Je suis à l'aide de jQuery UI "onglets" widget mais pas de CSS de jQuery-UI.

Maintenant, je suis en train d'ajouter la "Date Picker" widget dans une de mes page. Ce serait génial si je pouvais réutiliser jQuery-UI thème par défaut qui est tout simplement parfait.

Le problème est que la date de sélecteur de thème est également appliqué à mes onglets CSS. Par exemple, le "ui-widget" propriétés css est appliqué à la fois le sélecteur de date et d'onglets éléments.

Je n'arrive pas à trouver un moyen d'appliquer les propriétés css pour seulement le sélecteur de date. Je ne peux pas voir un "super sélecteur" qui s'applique uniquement à la date du sélecteur DIV.

Quelle serait la meilleure façon de gérer cela?


[MODIFIER]
Le datepicker widget est vraiment le problème. Je ne peux pas appliquer le style CSS spécifique. Voici le code de départ de la DIV que reçois pop-up:

<div style="position: absolute; top: 300.4px; left: 149px; display: block;" id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-helper-hidden-accessible"><div class="ui-datepicker-header ui-widget-header ui-helper-clearfix ui-corner-all">

En tant que tel, je ne peux pas ajouter un super sélecteur. Ce qui serait bien serait que le sélecteur de date widget prend en charge CSS portée. Mais il ne le fait pas. Je suis coincé en éditant manuellement le fichier CSS jQuery.

Le Sélecteur de Date n'est actuellement en cours de refactorisation. J'espère que le nouveau code de régler cette question.

source d'informationauteur Thierry-Dimitri Roy