28172 sujets
CSS et mise en forme, CSS3
salut
un petit exemple:
j’espère que ça répond a ta question
Harry14 a écrit :
Je m'excuse d'avance pour ma question, mais je ne comprend pas très bien le fait de mettre "les particularités dans des class". Aussi qu"est ce qu'on considère comme global?Merci et encore pardon si la question est inappropriée.
un petit exemple:
<a href="#">lien rouge</a>
<a href="#">lien rouge</a>
<a href="#">lien rouge</a>
<a href="#" class="vert">lien vert</a>
<a href="#" class="vert">lien vert</a>
/* definir la couleur rouge pour tous les liens (global) */
a{
color: red;
}
/* définir la couleur verte seulement pour les liens qui ont la class vert (particularité) */
.vert{
color: green;
}
j’espère que ça répond a ta question
Je suis plutôt partisan de ne mettre dans le global que le minimum qui sera utilisé partout. Par exemple:
Puis spécifier une class pour les particularités:
Ceci afin d'éviter trop de "contre style", ex:
Ceci devient vite un casse tête lorsque l'on veut ajouter un élément, et de plus ça multiplie les lignes de css, le rend moins maintenable, plus gros => perte de temps et de performance...
Modifié par UltrAs001 (24 Oct 2012 - 10:19)
input {
border: 1px solid #999999;
font-size: 1em;
padding: 5px 3px;
}
Puis spécifier une class pour les particularités:
input.maClassSpecifique{
color: #FF0000;
}
Ceci afin d'éviter trop de "contre style", ex:
input.maClass{
float: none;
border: 0;
padding: 0;
margin: 0;
color: #000000;
font-size: 2em;
}
Ceci devient vite un casse tête lorsque l'on veut ajouter un élément, et de plus ça multiplie les lignes de css, le rend moins maintenable, plus gros => perte de temps et de performance...
Modifié par UltrAs001 (24 Oct 2012 - 10:19)