Id et classe[résolu]

j'ai vu dans les tutos que
class c'est .truc
id c'est #truc
et bien compris le sens

mais sur un autre je trouve h1#header
pouquoi?
Modifié par calougarou (28 Oct 2005 - 19:02)

Bonjour (tout d'abord)

Oui cette syntaxe correspond à tous les h1 qui se trouveront dans un conteneur s'appelant #header auront les propriétés suivantes :

Personnellement pour une question de lisibilité je l'écris de la manière suivante :

#header h1 {…}

Voilà

Bonjour à toi aussi

calougarou a écrit :
j'ai vu dans les tutos que
class c'est .truc
id c'est #trus
et bien compris le sens

mais sur un autre je trouve h1#header
pouquoi?

C'est un sélecteur d'id:
http://www.yoyodesign.org/doc/w3c/css2/selector.html#id-selectors

@zzzazzz > Euh non, pas du tout

h1#header {…} désigne uniquement le titre <h1> qui a reçu l'id "header"
(aucune notion de contenance)
Ex : <h1 id="header">

#header h1 {…} = les titres <h1> contenus dans un élément qui a reçu l'id "header"
Ex : <div id="header"><h1>...

Comprendre l'héritage et la parenté en CSS
Modifié par Raphael (28 Oct 2005 - 13:08)

zzzazzz a écrit :
Bonjour (tout d'abord)

Oui cette syntaxe correspond à tous les h1 qui se trouveront dans un conteneur s'appelant #header auront les propriétés suivantes :

Personnellement pour une question de lisibilité je l'écris de la manière suivante :

#header h1 {…}

Dans ta pratique oui, dans le cas de h1#header c'est le titre h1 portant l'id header.

Oupsss autant pour moi, une petite révision s'impose. Merci de m'avoir corrigé. Méa Culpa.

Mille mercis
je m'y replonge! (durdur)

Bonne chance
Au fait, n'oublie pas de marquer ton sujet comme [Résolu] puisque ça semble être le cas

Résolu.....c'est vite dit (je suis breton )
je suis sur le tuto http://css.alsacreations.com/xmedia/exemples/design_css/etape3.html
et il me mélange la cervelle ce truc

Tu cites :
h1#header {…} désigne uniquement le titre <h1> qui a reçu l'id "header"
(aucune notion de contenance)
Ex : <h1 id="header">

Pourquoi il fait cela dans son tuto?
J'aurais collé : #header h1 comme dit zzzazzz
Modifié par calougarou (29 Oct 2005 - 17:48)

a écrit :
Pourquoi il fait cela dans sont tuto?

Parce que c'est une façon plus propre de désigner la hiérarchie. On sait à quel élément l'id se réfère. C'est plus facile de relire les CSS puisqu'on sait que ça s'applique à un titre h1

a écrit :
J'aurais collé : #header h1 comme dit zzzazzz

Ben non ça ne désigne pas la même chose puisque ça ne va pas s'appliquer à une structure comme <h1 id="header">

Je résume :

#header h1 --> exemple : <div id="header"><h1>... --> ne désigne pas <h1 id="header">

#header --> exemple : <div id="header"> ou <h1 id="header">

h1#header --> exemple : <h1 id="header"> --> ne désigne pas <div id="header"> ni <div id="header"><h1>...

merci pour ces précisions
je vais faire des tests