Explication de caractère ">" [Résolu]

eclisse · 24/02/2013, 00h24

Bonjour,

je trouve dans des pages css l'utilisation du caractère > entre plusieurs objet genre :

Code :

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

1
2
3
#content > div > img{
[code css]
}

Comme je ne suis pas très habitué à ce genre d'usage, je me demande quelles différences et incidences cela peut avoir par rapport à :

Code :

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

1
2
3
#content div img{
[code css]
}

Merci d'éclairer ma lanterne.

Muchos · 24/02/2013, 02h16

Par ex., foo bar {…} cible tous les BAR inclus dans FOO (à tous les niveaux) tandis que foo > bar {…} cible tous les BAR directement enfants de FOO.

Voir les sélecteurs en css3.

eclisse · 24/02/2013, 19h51

Ok, je comprends l'usage et ses avantages ainsi que ses différence. Mais est il supporté par tout type de navigateur ?? y a t-il des déclaration particulières à mettre dans les entêtes ?

J'en ai profité pour regarder le lien que tu m'a fourni (très intéressant par ailleurs) et je m'aperçois que j'utilise le :last-child mais qu'il n'ai apparemment d'aucune efficacité sur une page ie9. (alors qu'il passe sous chrome...)
J'ai sans doute oublié quelque chose quelque part mais quoi ...

Il y a un meta àmettre en place en plus ?

rodolphebrd · 24/02/2013, 22h04

bonsoir,

last-child est pris en charge à partir d'IE9

Candygirl · 25/02/2013, 08h53

Citation:

Envoyé par eclisse

Ok, je comprends l'usage et ses avantages ainsi que ses différence. Mais est il supporté par tout type de navigateur ??

A partir de IE7

Citation:

Envoyé par eclisse

y a t-il des déclaration particulières à mettre dans les entêtes ?

Non, à part, évidemment, l'indispensable doctype correctement renseigné.

Citation:

Envoyé par eclisse

j'utilise le :last-child mais qu'il n'ai apparemment d'aucune efficacité sur une page ie9.

Rodolphebrd t'as déjà répondu

. Ceci n'est valable, bien sûr, qu'en présence d'un doctype correctement renseigné (je sais, je me répète ^^)

Une petite précision: first-child est un sélecteur css2.1 et fonctionne depuis IE7 par contre last-child n'apparaît que dans css3 et donc avec IE9 :-/

eclisse · 25/02/2013, 20h40

Citation:

Non, à part, évidemment, l'indispensable doctype correctement renseigné.

Oui, ça j'avais bien compris mais sous ie9 avec

Code html :

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

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

marche pas quand même...

Une idée de l'erreur ??

rodolphebrd · 25/02/2013, 21h36

Je le verrais plutôt comme ça:

Code html :

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

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Document sans nom</title>
</head>
 
<body>
</body>
</html>

eclisse · 28/02/2013, 09h55

Bon, merci rodolphebrd pour ton bout de code, je vais voir ça de plus près...

Par rapport à la question initiale, comme j'ai eu ma réponse, je clos le sujet. Merci d'y avoir participé.

24/02/2013, 02h16	#2
Muchos Membre Expert Jonathan Renoult Étudiant Inscription : décembre 2011 Messages : 884 Détails du profil Informations personnelles : Nom : Jonathan Renoult Âge : 27 Localisation : France, Calvados (Basse Normandie) Informations professionnelles : Activité : Étudiant Secteur : Arts - Culture Informations forums : Inscription : décembre 2011 Messages : 884 Points : 1 870 Points : 1 870	Par ex., foo bar {…} cible tous les BAR inclus dans FOO (à tous les niveaux) tandis que foo > bar {…} cible tous les BAR directement enfants de FOO. Voir les sélecteurs en css3. __________________ Pour être aidé, donnez vos codes source svp ! ( balise # ) - - - Debug the Web together!
	00

24/02/2013, 19h51	#3
eclisse Membre confirmé Olivier Webmaster Pays Basque Inscription : avril 2004 Messages : 173 Détails du profil Informations personnelles : Nom : Olivier Âge : 41 Localisation : France Informations professionnelles : Activité : Webmaster Pays Basque Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : avril 2004 Messages : 173 Points : 220 Points : 220	Ok, je comprends l'usage et ses avantages ainsi que ses différence. Mais est il supporté par tout type de navigateur ?? y a t-il des déclaration particulières à mettre dans les entêtes ? J'en ai profité pour regarder le lien que tu m'a fourni (très intéressant par ailleurs) et je m'aperçois que j'utilise le :last-child mais qu'il n'ai apparemment d'aucune efficacité sur une page ie9. (alors qu'il passe sous chrome...) J'ai sans doute oublié quelque chose quelque part mais quoi ... Il y a un meta àmettre en place en plus ?
	00

24/02/2013, 22h04	#4
rodolphebrd Membre émérite Rodolphe Inscription : novembre 2012 Messages : 620 Détails du profil Informations personnelles : Nom : Rodolphe Localisation : France, Gironde (Aquitaine) Informations professionnelles : Secteur : Conseil Informations forums : Inscription : novembre 2012 Messages : 620 Points : 946 Points : 946	bonsoir, last-child est pris en charge à partir d'IE9
	00

28/02/2013, 09h55	#8
eclisse Membre confirmé Olivier Webmaster Pays Basque Inscription : avril 2004 Messages : 173 Détails du profil Informations personnelles : Nom : Olivier Âge : 41 Localisation : France Informations professionnelles : Activité : Webmaster Pays Basque Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : avril 2004 Messages : 173 Points : 220 Points : 220	Bon, merci rodolphebrd pour ton bout de code, je vais voir ça de plus près... Par rapport à la question initiale, comme j'ai eu ma réponse, je clos le sujet. Merci d'y avoir participé.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email