Discussion :

[TheRedLed]

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 :

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

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

[masu]

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 :

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

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 :

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

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 ?

[TheRedLed]

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

[masu]

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

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

Code :

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

1
2
3
* > TONSELECTEUR {
/* seulement ff pas IE */
}

[TheRedLed]

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

[masu]

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

[TheRedLed]

cool