28220 sujets

CSS et mise en forme, CSS3

Hi,

J'ai dans ma page xhtml, plusieurs bloc dont l'id est le même mais seul le dernier caractère change :

<div id="bloc1"></div>
<div id="bloc2"></div>
<div id="bloc3"></div>


Je compte, dans le futur, rajouter des blocs identiques tout en incrémentant le nom du bloc.
Je cherche donc à donner un même paramètre à tout ces blocs. En l'occurence, cela donne ceci pour le moment :

#bloc1, #bloc2, #bloc3 {
display: none;
}


N'y-t-il pas un caractère joker comme l'étoile qui me permette d'avoir un truc de ce style :

#bloc* {
display: none;
}

?
Ainsi, je n'aurais pas à retoucher la css à chaque ajout de bloc...

Merci Smiley smile
Modifié par pick (10 Mar 2005 - 19:00)
Administrateur
<div id="bloc1" class="bloc"></div>
<div id="bloc2" class="bloc"></div>
<div id="bloc3" class="bloc"></div>


.bloc {
...
}


les classes ça sert à ça Smiley cligne
Modifié par dew (10 Mar 2005 - 19:52)
Certes, mais je veux avoir le contrôle de chaque bloc individuellement aussi... Donc, il faut que je laisse des id différents...
\[Edit]
Ah pardon, j'avais mal lu... En effet, ça semble etre une idée qu'elle est bonne. Je teste et je reviens.
[/Edit]
\[Edit2]
Ah ben wé, ça marche Smiley lol Merci Smiley lol
[/Edit]
Modifié par pick (10 Mar 2005 - 20:01)
Tu peux aussi faire des "doubles class" :

<div class="bloc bloc1"></div>
<div class="bloc bloc2"></div>
<div class="bloc bloc3"></div>

Attention de bien mettre une espace dans la déclaration de class !
/* Ceci pour les contrôlés tous */
.bloc { ... }

/* Et ici individuellements */
.bloc1 { ... }
.bloc2 { ... }
.bloc3 { ... }


Smiley smile
Modifié par Bouda (10 Mar 2005 - 20:24)
Et aussi :


/* Ceci pour les contrôlés tous */
.bloc1, .bloc2, .bloc3 { ... }

/* puis individuellements */
.bloc1 { ... }
.bloc2 { ... }
.bloc3 { ... }