Discussion :

[zooffy]

Bonjour à tous.

Je ne suis pas doué en CSS et j'ai un souci qui doit être simple mais je n'arrive pas à touver de solution sur le net.

J'ai fait une classe que j'ai appellé "lesboutons" pour définir mes boutons :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.lesboutons
{
    background-color:#FFCB50;
    border-color:#F90E0E;
    color:#F90E0E;
}

Là, je défini donc une apparence, rien de plus.

Et donc je la colle sur tous mes boutons.
Maintenant, je voudrais pouvoir appeller une autre classe sur un bouton en particulier pour le positionner (ou faire autre chose, c'est le principe qui m'interresse) mais tout en gardant l'appel à cette classe "lesboutons" pour définir son apparence et conserver la posibilité de modifier l'apparance de tous les boutons en une seule fois.

Et je ne trouve pas la rédaction à mettre dans le fichier CSS pour faire ça.

Pouvez vous m'aider ?

[NoSmoking]

Bonjour,
tu peux coller plusieurs classes sur un même élément

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="bouton actif gros" type="text" value="">

où bouton, actif et gros sont des classes différentes et dans ce cas complémentaires.

[zooffy]

Ok, aussi simple que ça, j'appelle mes classes les unes dérrière les autres.

Merci pour le coup de main.

Question subisidiaire :
si je fais ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
.bouton
{
color:Black;
 
}
.gros
{
color:White;
}

en imaginant qu'il y a d'autre instruction unique aussi.

j'appelle comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="bouton actif gros" type="text" value="">

le bouton est de quell couleur ?
et j'appelle comma ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="gros bouton actif " type="text" value="">

il est de quelle couleur maintenant ?

Je prends volontairement des exemples simples que je teste, mais c'est pour bien comprendre car dans mes test, c'est aussi l'ordre de rédactoin des classes dans le fichier CSS qui a influé.

Et je sais que c'est débile de faire ça, quoi que, pour un cas particulier avoir besoin d'écraser une instruction peut-être utile.
Exemple : tous mes boutons de mon site doivent être bleu, c'est la charte. Mais sur une page spécial, pour une évènement, je dois les avoir rouge.

Merci pour ton aide.

[NoSmoking]

Ok, aussi simple que ça, j'appelle mes classes les unes dérrière les autres.

il arrive parfois qu'il y ait des choses simples en ce bas monde...

la lecture se fait de façon séquentiel, donc tout ce qui vient après écrase ce qui est avant
- bouton gros donne blanc
- gros bouton donne noir

[zooffy]

Merci beaucoup à toi et bonne continuation.