Explication de caractère ">"

**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

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

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é.

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

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é.

Explication de caractère ">"

CSS

Discussions similaires

Partager

Partager