requête de priorité CSS

Question

J'ai une configuration de site Web assez basique en utilisant le thème css de JQuery-UI qui provient d'un serveur de contenu. Ce CSS ne peut pas être changé. Ce que je voulais faire est remplacer certains des thèmes de JQuery css, par exemple le changement de:

.ui-tabs .ui-tabs-panel { 
    padding: 1em; 
} 

à

.ui-tabs .ui-tabs-panel { 
    padding: 0.25em; 
} 

Quelle est la meilleure façon de remplacer le CSS? Est-ce que je bidouille avec? Important ou existe-t-il une alternative (autre que de définir la nouvelle règle directement dans la page Web).

Merci

Answer 1

Vous avez une couple d'options sans utiliser! Important.

Vous pouvez ajouter une spécificité:

body .ui-tabs .ui-tabs-panel { 
    padding: 0.25em; 
} 

définir la règle primordiale après la règle initiale.

.ui-tabs .ui-tabs-panel { 
    padding: 1em; 
} 

... (fichier séparé chargé plus tard, ou même fichier, juste plus bas:

.ui-tabs .ui-tabs-panel { 
    padding: 0.25em; 
} 

Answer 2

Vous devez faire une déclaration CSS "plus spécifique" pour la remplacer

.

Vous spécifiez quelque chose dans l'arbre HTML pour ce faire:

div ui-tabs 

ou

div.wrappingClass .ui-tabs 

ou la méthode de la force brute:

body .ui-tabs 

Voici un outil pratique pour vérifier ceci:

http://www.suzyit.com/tools/specificity.php