Petite question sur l'optimisation du CSS
Upsilon91
Messages postés
6
Statut
Membre
-
carbon3 Messages postés 471 Statut Membre -
carbon3 Messages postés 471 Statut Membre -
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
A voir également:
- Petite question sur l'optimisation du CSS
- Optimisation pc - Accueil - Utilitaires
- Optimisation découpe panneau gratuit - Télécharger - Outils professionnels
- Petite amie virtuelle en français gratuit - Accueil - Intelligence artificielle
- Petite croix snap - Forum Snapchat
- Bloquage d'un ami snap - Forum Snapchat
3 réponses
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;
}
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.
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.
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>
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