Problème de priorité CSS et jquery

Question

Im une utilisation des onglets de l'interface utilisateur de jquery.
Ces onglets ajoutent dynamiquement des classes aux balises <ul> et <ul><li> pour la visualisation.

Cependant, je travaille dans un environnement où je remplis seulement une partie du site, qui est à l'intérieur d'un

<div id="content">

bloc et d'autres styles CSS sont appliqués. Comme #content ul li est plus spécifique que le ul li de jquery, le premier a la priorité.

Comment puis-je résoudre ce problème?

MISE À JOUR: Je suis conscient de! Important, ce n'est cependant pas une réponse à cette question, j'espère trouver une solution où je n'ai pas besoin d'altérer le CSS de jquery-ui. (whatif vous utiliseriez une version mise en cache en ligne? Et si vous devez cascader tout ce que vous pourriez aussi bien redéfinir sans! important)

MISE À JOUR 2: ce n'est certainement pas une question javascript, s'il vous plaît ne pas le marquer comme ça .

Answer 1

Vous pouvez utiliser mot-clé importante, ce qui rend le sélecteur plus important, sur les valeurs en cascade:

#content ul li { 
    color:red; 
} 
ul li { 
    color:black !important; 
} 

Est-ce que vous cherchez?