Discussion :

[natoine]

En gros, ce que j'aimerai faire, c'est appliquer une CSS différente uniquement sur une sous-partie de ma page html.

Par exemple je voudrais pouvoir dire utiliser la CSS 1 sur toute la page et utiliser la CSS 2 pour une DIV et son contenu.

Est-ce que c'est faisable ?

[Yorick]

Ben tu peux cibler spécifiquement le contenu d'une div en lui donnant une class ou une id.

#une_id p {} // pour les paragraphes de la div#une_id

Ou j'ai pas compris le problème encore une fois ?

[natoine]

Bah non tu n'as pas compris mon problème.

J'ai une page html et j'ai deux css.
Je veux pouvoir dire :"appliquer la première css sur la page sauf dans cette div ou là je veux appliquer la deuxième css".

[Yorick]

Ok donc je suppose que cette 2e CSS va être spécifique à certaines pages.

Il suffit que tu charges cette 2e CSS quand t'en a besoin, elle viendra écraser (et/ou compléter) les règles définies dans la 1e.

Si tu constates que des règles de la 2e ne s'appliquent pas c'est que tu as un pb de "poids de sélecteurs".
En gros plus une règle est spécifique plus elle a de poids. Exemple:
Si tu as un <a> dans un <p> et les 2 règles suivantes dans cette ordre ton <a> restera bleu car la 1e règle cible plus spécifiquement l'élément :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 p a {color: blue;}
 a {color: red;}

Si tu écris :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
p a {color: blue;}
a {color: red !important;}

Le lien sera rouge car tu as spécifié la règle comme importante, du coup elle n'héritera pas de la 1e règle bien qu'elle soit moins spécifique.

[natoine]

Heu non.
Ce n'est pas ce dont j'ai besoin.
Je ne suis pas créateur de la css en question.
Je la récupére d'un site et je l'applique sur le contenu d'une div.

En réalité c'est pour reproduire le fonctionnement d'un navigateur web.
Donc je pense que la solution viendrait plus d'un code javascript que d'une css...

Merci quand même.