Discussion :

[terminator01]

Bonjour,
J'ai une page html dans laquelle j'aimerais appliquer deux fichiers css qui ne vont pas ensemble.
L'idée est de lier la première CSS pour la première section de la page, puis annuler cette liaison et lier la deuxième CSS pour le reste de la page.
est-ce possible ? si oui comment?
merci

[NoSmoking]

Bonjour,
si j'ai bien compris !?! non ce n'est pas possible mais pourquoi d'ailleurs "délier" une feuille de style ?

Code html :

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

1
2
<link rel="stylesheet" type="text/css" href="feuille_1.css">
<link rel="stylesheet" type="text/css" href="feuille_2.css">

avec chaque feuille ayant ses spécificités.

[terminator01]

Le véritable problèmes est que les styles traitent parfois des mêmes balises, mais d'un manière différente. par exemple, pour un class="test", on peut avoir pour la première feuille de style:

Code :

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

1
2
3
.test {
  color:#000;
}

et pour la deuxième:

Code :

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

1
2
3
.test {
  color:#FFF;
}

Est-ce qu'il est possible de considérer le premier style à certains endroits de la page et le second à d'autres, sans toutefois avoir des "class" différents ?

[Invité]

bonjour,
Il faut alors modifier les feuilles de style.

Code :

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

1
2
3
4
5
6
<div id="bloc1">
....
</div>
<div id="bloc2">
....
</div>

Code :

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

1
2
3
#bloc1 .test {
color:#000;
}

Code :

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

1
2
3
#bloc2 .test {
color:#FFF;
}

[Jacques Beauregard]

Bah oui : en précisant la sélection en CSS :

Code :

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

1
2
3
4
5
6
7
#section1 .test {
color:#000;
}
 
#section2 .test {
color:#000;
}

EDIT : grilled by Jreaux