Explication de caractère ">"

Version imprimable

24/02/2013, 00h24
eclisse

Explication de caractère ">"
Bonjour,

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

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:

1 2 3 #content div img{ [code css] }
Merci d'éclairer ma lanterne.
24/02/2013, 02h16
Muchos

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.
24/02/2013, 19h51
eclisse

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 ?
24/02/2013, 22h04
rodolphebrd

bonsoir,

last-child est pris en charge à partir d'IE9
25/02/2013, 08h53
Candygirl

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 :ccool:. 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 :-/
25/02/2013, 20h40
eclisse
Citation:

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

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

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

Je le verrais plutôt comme ça:

Code:

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>

28/02/2013, 09h55
eclisse

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