Discussion :

[Mahefasoa]

Bonjour à toutes et à tous,
Je voudrais juste être éclairé de vos lumières sur le code CSS suivant:

Code CSS :

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

1
2
3
4
5
6
7
 
#interets input {
  margin-left:10em;
}
#interets input +input {
  margin-left:1em;
}

Ma question est: quelle est la signification de la seconde ligne: #interets input+input
interets est le nom d'un groupe de case à cocher mais ce qui me gêne c'est input+input ...
D'avance je remercie toute contribution

[Strix]

Salut

input +input va agir sur les input après le premier input
Dans ton exemple, le premier aura une marge gauche de 10em, les suivants de 1em jusqu'à ce qu'une balise de fermeture (j'ai fais des test avec div, span, p) ou un br viennent rompre la "chaîne".

Tu peut trouvé également br +input où tous les input après un br auront telle ou telle propriété. Tu peux conjuger pas mal de choses ainsi. J'ai fait des test toujours avec div, span et p)

A+

[Clorish]

tiens ca m'interesse ... et on peut devinir de la sorte le dernier input ?

en fait moi ca serait pour des DIVs.
J4ai une succession de div dont je doit gerer les marges et forcement le premier a un top double et le dernier un bottom double ....

[Strix]

Ben tu rajoutes +élément à chaque fois.

Ex :

Code :

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

1
2
3
4
5
6
7
8
9
10
<!--
div {
	border:1px solid red;
}
div +div {
	border:1px solid green;
}
div +div +div +div +div +div +div{
	border:1px solid blue;
}

Mais ne serait-ce pas plus simple de créer un id ou une class ?

[Clorish]

Mais ne serait-ce pas plus simple de créer un id ou une class ?

Oui surement ... mais vu que c'etait possible dans un sens .. je me demansais si ca n'etait pas possible dans le 2e sens
Puis les classes ou ID ne sont pas toujours defini quand on retouche un site ...

[Mahefasoa]

Bonsoir,
@Strix: un grand merci pour l'explication qui m'a éclairée plus que je ne le pensai
@Clorish: j'ai vraiment apprécié l'extension du sujet.

Je tag ce sujet sur résolu!
Toutes mes reconnaissances et bon courage pour la suite.