P#menu et #menu p ? - Alsacreations

Auteur
luxivy	# 14 Mar 2010 - 19:30:25
2 Posts	Bonjour, Je débute totalement en css et il y a quelque chose que je ne comprends pas très bien. Quelle est la différence entre : 1/ p#menu {text-align:left;} et 2/ #menu p {text-align:left;} c'est quoi la subtilité ? Merci d'avance Stéphane
2 Posts
Heyoan	# 14 Mar 2010 - 19:36:06
Modérateur 8101 Posts	Salut, réponse dans ce post. Éléments html, hiérarchie XHTML 1.0 Strict et propriétés CSS
Modérateur 8101 Posts
Raphael	# 14 Mar 2010 - 19:40:06
twitter.com/goetter Administrateur 12017 Posts	Hello, Ce sont deux sélecteurs complètement différents : Donc par exemple : - p#menu désigne un seul élément : le <p> qui a pour id "menu" - #menu p désigne tous les éléments <p> qui sont contenus dans un élément (inconnu) qui a pour id "menu" Petit truc : un espace dans un sélecteur désigne forcément une notion de hiérarchie ("est contenu dans"). Modifié par Raphael (14 Mar 2010 - 20:34) Le livre qui va vous permettre d'aller (vraiment) plus loin avec CSS : "CSS avancées - vers HTML5 et CSS3"
twitter.com/goetter Administrateur 12017 Posts
Heyoan	# 14 Mar 2010 - 19:49:16
Modérateur 8101 Posts	Arf ! J'avais mal lu : je croyais que la question concernait la différence entre p#menu et #menu Éléments html, hiérarchie XHTML 1.0 Strict et propriétés CSS
Modérateur 8101 Posts
luxivy	# 14 Mar 2010 - 22:03:27
2 Posts	merci j'ai bien compris le #menu p mais désolé je ne pige pas le p#menu, en fait je ne vois pas son utilité ? merci Stéphane
2 Posts
Heyoan	# 14 Mar 2010 - 22:07:24
Modérateur 8101 Posts	luxivy a écrit : je ne pige pas le p#menu, en fait je ne vois pas son utilité ? Ben comme l'a dit Raphaël cela cible le paragraphe ayant pour id menu : `<p id="menu">Du contenu.</p>` A lire : les sélecteurs CSS 2.1 Si ce que tu ne comprends pas est pourquoi on ne met pas tout simplement #menu la réponse était dans mon premier post. Modifié par Heyoan (14 Mar 2010 - 22:08) Éléments html, hiérarchie XHTML 1.0 Strict et propriétés CSS
Modérateur 8101 Posts
Nico3333fr	# 15 Mar 2010 - 11:41:51
353 Posts	L'utilité de p#menu est uniquement d'appliquer un style à <p id="menu">. Autrement dit, si une page avait un <div id="menu">, elle ne prendrait pas en compte le style défini pour p#menu. Hormis cas très particulier, autant utiliser juste #menu (par définition, un id est unique, donc autant éviter de l'utiliser pour plusieurs choses). In tartiflette we trust ! (ou May the reblochon force be with you si vous préférez)
353 Posts