Utiliser deux CSS à la fois sans conflit

Utiliser deux CSS à la fois sans conflit - HTML/CSS - Programmation

Marsh Posté le 22-02-2007 à 12:17:16    

Salut,  
 
J'aimerais utiliser deux css différentes pour mon site web. Le problème, c'est qu'il peut y avoir des conflits si des classes ont le même nom dans les deux feuilles. Comment puis-je faire pour indiquer au navigateur qu'il doit utiliser telle ou telle feuille de style ?
 
merci !
 

Reply

Marsh Posté le 22-02-2007 à 12:17:16   

Reply

Marsh Posté le 22-02-2007 à 13:16:08    

ça serait pas pour faire plusieurs skins à ton site, une apparence personnalisable pour les visiteurs ?

Reply

Marsh Posté le 22-02-2007 à 13:22:43    

je ne connait pas ton utilisation mais je pense qu"il faut que tu fasse un système pour que les 2css ne soient pas executés en meme temps si ils disposent de classes identiques. Dis-nous en plus sur ton utilisation ...

Reply

Marsh Posté le 22-02-2007 à 13:24:20    

utiliser 2 feuilles de style en même temps revient à coller le contenu de la seconde à la fin de la première.


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 22-02-2007 à 14:50:39    

[:johneh] Si deux CSS définissent des propriétés pour un même sélecteur, ce sera par défaut la seconde qui sera prise en compte (sauf si on met des !important sur la première)

Reply

Marsh Posté le 22-02-2007 à 20:22:39    

FlorentG a écrit :

[:johneh]  Si deux CSS définissent des propriétés pour un même sélecteur, ce sera par défaut la seconde qui sera prise en compte (sauf si on met des !important sur la première)


ET sauf si le chemin du selecteur est plus long

 


.toto .tata .truc {color:red;}
.truc {color:green}

 

la couleur sera : red;

 

ou meme mieux encore si le chemin contient un id c'est lui qui est plus fort :
#tata .truc {color:red;}
.toto .titi. .tutu .blabla .truc {color:green;}

 

la couleur sera : red;

 


Bien sur on sous entend que notre élément est à l'interieur de la chaine decrite.

 
Code :
  1. <div id="tata"><div class="toto"><div class="titi"><div class="tutu "><div class="blabla"><div class="truc">
  2. tototototod fd fdj kdjf       
  3. </div></div></div></div></div></div>
 

Reply

Marsh Posté le 23-02-2007 à 00:13:34    

le !important ne sert que a gérer les prioritées dans ces cas précis ?

Reply

Marsh Posté le 23-02-2007 à 11:00:33    

gatsu35 a écrit :

ET sauf si le chemin du selecteur est plus long


Plus "spécifique", non ?
 
 
Pour se rappeller des spécifiquetés, voyez [url=http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg]Specificity War[url]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed