Les sélecteurs css

Hello

Voila je me trouve face une confrontation intergalactique entre théorie et pratique.
En effet j'entends partout parler des sélecteurs "+", ">" et autres, mais souvent ça marche pas, dans firefox et encore moins dans IE...
C'est embêtant parce que ce serait bien pratique...

C'est pourtant bien du CSS1 ces trucs ???

ex pour ceux qui ne connaissent pas ces sélecteurs

Code:

---

1 2 3 4 5 6 7

td + td { background-color : yellow } /* ne s'applique qu'aux balise td suivant une autre balise td */   #conteneur > .style1 { font-size : 10px } /* ne s'applique qu'aux balises de classe "style1" dont le parent direct est #conteneur */

---

http://stylescss.free.fr/selecteurs.html

vous en pensez quoi :question:

Je n'utilise pas ces selecteurs car bien que pro ff, je developpe des sites pour qu'il puisse etre vu au mois sous ie et ff.

sous ff 1.5.0.6, cela semble fonctionné comme prévu.

Code:

---

1 2 3 4 5 6

td+td { background-color : yellow } /* ne s'applique qu'aux balise td suivant une autre balise td */   #conteneur > .style1 { background-color : red } /* ne s'applique qu'aux balises de classe "style1" dont le parent direct est #conteneur */

---

Code:

---

1 2 3 4 5 6

<table><tr><td>Pas de couleur</td><td>yellow</td></tr></table>   <div id="conteneur"> <div><span class="style1">pas rouge normal</span></div> <span class="style1">rouge ok</span> </div>

---

as-tu un exemple ou ca ne fonctionne pas sous ff ?

attends je vais t'en trouver mais pourquoi ces trucs ne marchent pas sous IE ? c'est bien du CSS1 ?

IE "sux" c'est tout et on peu rien y faire.

le selecteur '>' est meme utilisé dans des hacks css du genre

Code:

---

1 2 3

* > TONSELECTEUR { /* seulement ff pas IE */ }

---

et ça fait quoi ce truc ?

edit : bon je retrouve pas ce qui ne marchait pas sous FF, on va dire que c'était moi

Vu que le celecteur '>' n'est pas compris par IE, les propriétés mises dans ce selecteur ne sont interprétées que par les autres navigateurs.

Ca permet de faire des regles differentes pour IE et les autre ca qui permet de regler des probleme d'affichage differents.

a l'inverse on a par exemple le selecteur "* html TONSELECTEUR"
IE etant le seul a avoir un element au dessu de html (ce qui est bien etrance d'ailleur) c'est le seul qui va applique les propriétés css a ton selecteur.

Il y a plein d'autres hacks, pour plus d'info google ;)

cool 8-)