Rassembler choses pareilles dans ma CSS

Résolu/Fermé
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 - 9 mai 2008 à 18:21
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 - 9 mai 2008 à 19:24
Bonjour,
puis-je rassembler ceci dans ma CSS pour que cela soit plus propre ??? Merci !!!

#menu1 td{
background-color:#000000;.
}

#menu2 td{
background-color:#000000;.
}

#menu3 td{
background-color:#000000;.
}

3 réponses

s.spark Messages postés 2480 Date d'inscription vendredi 29 octobre 2004 Statut Contributeur Dernière intervention 13 février 2018 617
9 mai 2008 à 18:42
Salut,
#menu1 td, #menu2 td, #menu3 td{
background:#000;.
}


ou encore :
<div>
  <table>
    <tr><td class="menu_td"></td></tr>
  </table>
</div>


.menu_td{
background:#000;.
}


ou encore :
<div id="menu">
  <table>
    <tr><td></td></tr>
  </table>
</div>


.menu td{
background:#000;.
}



On peut imaginer plein de choses en fonction de ce qu'on veut obtenir.
0
macgawel Messages postés 664 Date d'inscription mercredi 7 mai 2008 Statut Membre Dernière intervention 1 novembre 2008 89
9 mai 2008 à 18:51
Bonjour.

Une notation valable pour regrouper les éléments :

#menu1 td, #menu2 td, #menu3 td {
<les valeurs communes>
}

Mais tu devrais peut-être utiliser une classe menu, plutôt que des id :
.menu td {
}

Et dans ton code html :
<td class="menu" id="menu1">
0
crapoulou Messages postés 28158 Date d'inscription mercredi 28 novembre 2007 Statut Modérateur, Contributeur sécurité Dernière intervention 16 avril 2024 7 990
9 mai 2008 à 19:24
MErci beaucoup.
J'ai utilisé le .menu td ...
Merci à tous les deux, problème résolu.
0