[RÉGLÉ] Styliser un div parmi d'autres

[syl-20]

Bonjour à tous,
j'ai une question très générale : est-il possible de styliser un div parmi d'autres de la même classe, sans les styliser tous ?
Concrètement j'ai ça :

<div class="control-group">
<div class="control-group">
<div class="control-group">

Et je veux appliquer un style particulier au 3ème div... C'est possible ?
Merci

[FlodAriege]

Re : Styliser un div parmi d'autres

Bonjour,

Comme ça j'aurais tendance à dire que puisque tes divs ont toute la même classe, elles ont forcément toutes le même "style".
Mais tu dois sûrement pouvoir ajouter une balise span à l'intérieur de ta 3ème div et lui affecter une classe différente.
En fait je pense que ça dépend un peu de ce que tu cherches à obtenir : à quoi ça ressemble en l'état, et quel résultat veux-tu obtenir ?

[lomart]

Re : Styliser un div parmi d'autres

Bonsoir,

.control-group {color:red;}
.control-group:nth-child(2) {color:green;}
.control-group:last-child {color:blue;}

le texte du 2ème sera vert et celui du dernier bleu. Le 1er étant par défaut rouge

[syl-20]

Re : Styliser un div parmi d'autres

Merci Lomart, mais malheureusement ça ne marche pas, le last-child ne change rien, et le 2ème child a changé le bg du premier div !...
Merci aussi Flo, malheureusement j'utilise Gantry et je n'ai pas accès au html, je ne peux donc pas ajouter de balise, je ne peux modifier que le css...

En fait, je customise le formulaire de contact Joomla parce que j'avais un bug : les champs de texte dépassaient de leur conteneur en format tablette et mobile, et puis surtout le control-group "envoyer une copie à votre adresse" est soumis au même style que les autres champs à savoir que le label occupe une largeur trop petite et qu'en format mobile ça donne ça :

envoyer
une
copie
à
votre
adresse
[case]

... Pour tout vous dire, je m'arrache les cheveux avec tout les champs de formulaire de Joomla, je ne comprends vraiment pas comment ils fonctionnent...

[lomart]

Re : Styliser un div parmi d'autres

Merci Lomart, mais malheureusement ça ne marche pas

Cela doit marcher. Je viens de le vérifier

un lien vers le site ?

[syl-20]

Re : Styliser un div parmi d'autres

Oh désolé, ça y'est ça marche ! (En fait j'avais 7 div, et c'est le 5ème qui m'intéressait, mais à ce qu'il semble il fallait utiliser :nth-child(6)...)
Merci beaucoup, ça me retire une belle épine du pneu, et ça va surtout me servir pour plein de choses !