Petite question sur l'optimisation du CSS
Bonjour,
j'ai une petite question bete mais je me demandais si on pouvait combiner des css pour gagner en place ? je vous donne un exemple (j'arrive bientot a 1000 ligne de css et ca commence a me faire peur)
div#clic_all {
width: 45px;
background:#ffffff;
text-align: center;
border-left: 1px solid #eeeded;
border-right: 1px solid #eeeded;
border-top: 1px solid #eeeded;
border-bottom: 1px solid #eeeded;
font: 10px "Lucida Grande",lucida, arial, helvetica, sans-serif ;
font-weight: bold;
color: #000000;
}
div#type_all {
width: 60px;
background:#fcfcfc;
text-align: center;
border-left: 1px solid #eeeded;
border-right: 1px solid #eeeded;
border-top: 1px solid #eeeded;
border-bottom: 1px solid #eeeded;
font: 10px "Lucida Grande",lucida, arial, helvetica, sans-serif ;
font-weight: bold;
color: #000000;
}
voila voila meme une astuce pour simplifier l'écriture je suis preneur merci beaucoup ^^
a bientot
j'ai une petite question bete mais je me demandais si on pouvait combiner des css pour gagner en place ? je vous donne un exemple (j'arrive bientot a 1000 ligne de css et ca commence a me faire peur)
div#clic_all {
width: 45px;
background:#ffffff;
text-align: center;
border-left: 1px solid #eeeded;
border-right: 1px solid #eeeded;
border-top: 1px solid #eeeded;
border-bottom: 1px solid #eeeded;
font: 10px "Lucida Grande",lucida, arial, helvetica, sans-serif ;
font-weight: bold;
color: #000000;
}
div#type_all {
width: 60px;
background:#fcfcfc;
text-align: center;
border-left: 1px solid #eeeded;
border-right: 1px solid #eeeded;
border-top: 1px solid #eeeded;
border-bottom: 1px solid #eeeded;
font: 10px "Lucida Grande",lucida, arial, helvetica, sans-serif ;
font-weight: bold;
color: #000000;
}
voila voila meme une astuce pour simplifier l'écriture je suis preneur merci beaucoup ^^
a bientot
Configuration: Mac OS X Camino 1.5.1
3 réponses
-
une idée à essayer, mais je ne sais pas si les classes et les id ne vont pas se "cogner". (je simplifie le code)
<style> .div_all { tous les paramètres en communs; } <-- appel de classe #click_all { casparticulier; } <-- appel d'id #click_all { cas particulier; } </style> <div id="click_all" class="div_all"></div> <div id="type_all" class="div_all"></div> -
salut,
oui, l'idée c'est de donner un format générique à toutes les div et de ne traiter les #id que pour leur cas particulier.
Maintenant, je ne sais pas si ta solution fonctionnera, mais je crois qu'il existe une solution qui ressemble. Faut essayer. -
salut,
div { text-align: center; border-left: 1px solid #eeeded; border-right: 1px solid #eeeded; border-top: 1px solid #eeeded; border-bottom: 1px solid #eeeded; font: 10px "Lucida Grande",lucida, arial, helvetica, sans-serif ; font-weight: bold; color: #000000; } #clic_all { width: 45px; background:#ffffff; } #type_all { width: 60px; background:#fcfcfc; }-
Bonjour , merci pour la reponse , mais le truc c'est que la balise div elle n'est pas accrocher a une classe ou une id donc c'est pour toute les div ? serait il possible d'ecrire un truc dans le genre :
div#clic_all, #type_all {
text-align: center;
border: 1px solid #eeeded;
font: 10px "Lucida Grande",lucida, arial, helvetica, sans-serif ;
font-weight: bold;
color: #000000;
}
#clic_all {
width: 45px;
background:#ffffff;
}
#type_all {
width: 60px;
background:#fcfcfc;
}
voilavoila
-
