Détails sur la syntaxe "html > body" (je crois)

Eléphant du PHP | 360 Messages

17 avr. 2007, 14:54

Bonjour,

J'aurais voulu savoir comment utiliser la syntaxe du ">" du CSS (2 je crois).
Si je me souviens bien, son contenu est alors interprété par FF mais pas IE ...

Exemple :

body
{
font-size : 13px;
}

body > ??
{
font-size : 22px;
}

Si vous avez des liens de cours ou une aide simple,
merci d'avance !

Eléphant du PHP | 377 Messages

17 avr. 2007, 15:22

Hello
Le ">" est appelé sélecteur d'enfant et n'est effectivement pas interpété par IE.
Il signifie "tous les éléments directement descendants de la première balise"
exemple :

Code : Tout sélectionner

div > p { blabla }

Code : Tout sélectionner

<div> <p>ce paragraphe subira le style que tu lui as appliqué plus haut</p> <p>celui là aussi <p>mais pas celui là</p> </p> </div>
et étant donné que ce n'est pas interprété par l'Illustre Eclopé, ca peut servir à faire des CSS qui s'adaptent automatiquement au navigateur.

Exemple :

Code : Tout sélectionner

body { ce que tu mettras ici sera interprété indifféremment par tout le monde, donc par IE } html > body { ceci ne sera pas interprété par IE mais viendra écraser les réglages précédents pour tous les autres navigateurs }
en espérant avoir éclairé ta lanterne ;)
Petit scarabée deviendra grand

Eléphant du PHP | 360 Messages

17 avr. 2007, 15:26

Hello
Le ">" est appelé sélecteur d'enfant et n'est effectivement pas interpété par IE.
Il signifie "tous les éléments directement descendants de la première balise"
exemple :

Code : Tout sélectionner

div > p { blabla }

Code : Tout sélectionner

<div> <p>ce paragraphe subira le style que tu lui as appliqué plus haut</p> <p>celui là aussi <p>mais pas celui là</p> </p> </div>
et étant donné que ce n'est pas interprété par l'Illustre Eclopé, ca peut servir à faire des CSS qui s'adaptent automatiquement au navigateur.

Exemple :

Code : Tout sélectionner

body { ce que tu mettras ici sera interprété indifféremment par tout le monde, donc par IE } html > body { ceci ne sera pas interprété par IE mais viendra écraser les réglages précédents pour tous les autres navigateurs }
en espérant avoir éclairé ta lanterne ;)

Un grand merci, ma lanterne s'est éclairé de milles feux ... :P

J'avais oublié cette signification, je croyais que c'était une évolution du au CSS 2 ... mais comme je ne l'utilises jamais je l'ai oubliée!

Merci en tout cas !

Mammouth du PHP | 2937 Messages

17 avr. 2007, 18:19

Le ">" est appelé sélecteur d'enfant et n'est effectivement pas interpété par IE.
IE 7 l'interprète.