Conflits entre feuilles CSS ?

Voilà bonsoir,
j'aimerais tout simplement savoir ce qui se passe lorsque 2 feuilles CSS sont appelées d'une page avec le <link rel...> et que chacune des 2 décrit différemment un élément => conflit ?

Merci d'avance !
Modifié par PsychoMessiah (17 May 2005 - 23:49)

Oui ça donne un conflit car tu "importe" des propriétés différentes pour un même élément donc conflit

Non, il n'y a pas de conflit. C'est la dernière qui "parle" qui a raison. Supposons que tu appelles deux feuilles de style:

feuille1.css

p{color: blue}

feuille2.css

p{color: red}

Code HTML:

<link rel="stylesheet" type="text/css" href="feuille2.css">
<link rel="stylesheet" type="text/css" href="feuille1.css">

Tes paragraphes seront en bleu.

Cela ne provoque pas à proprement parlé de conflit. Ce cas est prévu par la norme CSS, la règle s'appliquant est déterminée par le mécanisme de cascade dont voici un extrait :

a écrit :
...The CSS cascade assigns a weight to each style rule. When several rules apply, the one with the greatest weight takes precedence...
...if two rules have the same weight, origin and specificity, the latter specified wins...

J'ai toujours pas compris cette mode de mettre 4, 5 (ou plus) feuilles de style pour un site. Qu'on en ait une par type de media cela se justifie mais sinon.... Ou encore quand on a un site énorme fait d'éléments disparates (comme alsa).

Alors est ce une nouvelle mode ou utilisez vous un logiciel de production qui pond une feuille de style par page ? Parcequ si c'est pour avoir une feuille de style par page autant mettre le CSS dans le header du HTML et on en parle plus !

En fouillant un peu dans les ressources, voici quelque chose de très complet sur les règles de priorité:
http://openweb.eu.org/articles/cascade_css/

Quant au fait de mettre plusieurs feuilles de style, on peut penser par exemple à appeler une feuille de style générale pour tous types de média, puis des feuilles de style applicables à des média spécifiques, qui au besoin redéfinissent des propriétés.
Ou bien, tu as besoin d'une mise en forme "générale" pour un site, mais, pour une raison ou une autre, sur quelques pages tu as besoin d'une mise en forme légèrement différente. Tu appelles alors les deux feuilles de style successivement.
Modifié par Gilles (18 May 2005 - 09:55)

moi j'en ai 2 pour style switcher et 1 pour transparence et border-radius qui m'évite de n'être pas valide

Pour un style switcher ok mais les exemples qu'on voit en ce moment sur le forum sont loin du style switcher ou encore du hack de validation ou même de la feuille de style personalisée pour chaque navigateur.
On voit surtout des trucs du genre

CSS 1 
p{color: red}

CSS 2
p{color: blue}

mais peut être est ce du à une mauvaise maitrise des éléments "CSSables "

Merci de vos réponses

Le lien donné par Gilles explique parfaitement la mécanique des cascades :

Gilles a écrit :
http://openweb.eu.org/articles/cascade_css/

Que demander de mieux ?
Modifié par PsychoMessiah (18 May 2005 - 19:12)