Discussion :

[filtep]

Bonjour à tous,

une question de novice:

Y-a-t-il une différence entre ".maboite" et "div#maboite" pour définir maboite,
les fonctions sont elles équivalentes ou simple différence de syntaxe?

A+
Philippe

[cahnory]

.maboite ciblera tout les élement ayant pour classe ma boite :

Code :

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

1
2
<span class="maboite"></span>
<div class="maboite"></div>...

div#maboite ciblera tous les div ayant l'id maboite (en pratique il ne doit y en avoir qu'un ou aucun car les id sont à usage unique) :

Code :

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

<div id="maboite"></div>

[filtep]

Merci pour ta réponse,

tout ceci reste cependant un peu confus dans mon esprit (je débute...)
En pratique celà change quoi de déclarer une boite en . ou en # ? J'ai constaté que certaines choses ne fonctionnent pas si la boite est déclarée avec # (par exemple ajuster la taille de background-image...). Peux tu me conseiller un site
qui explique çà ?

Merci

A+
Philippe

[cahnory]

Le souci sur le background image devait sans doute venir d'ailleur. Qu'un élément soit appellé par son id ou sa classe (car là en fait c'est de l'appel, l'élément peut très bien avoir une/des classe(s) et un id à la fois) ne change pas la façon dont les styles s'y appliquent (parcontre le type d'élément peut parfois le faire).
Après tu peux tres bien faire un site qu'avec des classes, ou qu'avec des id (même si là ton site sera très limité car chaque id doit être présent une fois par page) mais dans l'idée il s'agit d'attribuer un id aux éléments ne devant apparaître qu'une fois (#header, #footer...) et des classes aux éléments qui peuvent apparaître plusieurs fois au sein d'une même page (.comment, .post, .news...).
On peut être tenté de n'utiliser que des classes mais le model id/classe cadre bien la façon de concevoir une mise en page et apporte en clareté entre les fondations de la mise en page (les id) et les petites briques (les classes).