Discussion :

[olysmar2]

Bonjour,

Dans une page, j'ai deux div

Code html :

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

1
2
3
4
5
6
7
8
9
10
 
<div id="div1">
    <p>aaaaaaaaa</p>
    <p>bbbbbbbbbbbb</p>
</div>
 
<div id="div2">
    <p>ccccccccc</p>
    <p>ddddddddddd</p>
</div>

Je voudrais appliqué le style:

Code :

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

1
2
3
.styleBlocDocCpt {
    margin: .1em 0;
}

uniquement sur la seconde <div>

Est ce que c'est possible? Je ne vois pas comment faire.

Merci
Sylo

[NoSmoking]

Bonjour,
des éléments de réponses sont disponibles dans la
Liaison avec (X)HTML

dans ton cas comme tu as une ID sur l'élément autant utiliser la notation

Code :

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

1
2
3
#div2 {
  /* metre tes propriétés/valeurs ICI */ 
}

[olysmar2]

Merci beaucoup...
Mais je ne comprend pas en fait...

la, je vais appliquer un style à #div2
Hors, je veux appliquer un style à toutes les balises <p> dans #div2

la notation serait:

Code :

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

1
2
3
4
5
6
 
#div2 {
 {
    margin: .1em 0;
}
}

Mais je ne pense pas que ce soit cela...

Merci pour votre aide
Sylo

[laurentSc]

Comme je suis un spécialiste des bêtises, j'ai testé avant de proposer :

Code css :

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

1
2
3
#div2 p{
	 margin:.1em 0;
}

[olysmar2]

Ok, super...
Je ne voyais pas comment rédigé cela
J'ai aussi vérifié et ça marche
Merci bcp
Sylo

[Jacques Beauregard]

Comme je suis un spécialiste des bêtises, j'ai testé avant de proposer :

Code css :

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

1
2
3
#div2 p{
	 margin:.1em 0;
}

Ici tu sélectionnes bien les balises p du bloc 2. Donc très bien !
Cependant d'où sort le "." ?
De plus je ne comprends pas l'intérêt de cette marge ?

sur la grande majorité des navigateurs, si aucun style n'est appliqué, l'élément p se comporte ainsi :

Code :

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

1
2
3
4
p {
  display: block;
  margin: 1.12em 0;
}

[NoSmoking]

Cependant d'où sort le "." ?

il semble que cela soit simplement l'écriture simplifiée de

Code :

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

1
2
3
#div2 p{
    margin:0.1em 0;
}