Discussion :

[guest4541]

Bonjour,
Je souhaite appliquer un style UNIQUEMENT aux div "bloc" sans ajouter de class supplémentaire et sans faire référence aux ID que j'ajoute ici pour la compréhension mais qui n'existent pas dans ma page :

Code :

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

1
2
3
4
5
6
7
8
9
10
<div class="list_img">
 <div id="bloc1">
  <div id="img1">img</div>
  <div id="legend1">legend</div>
 </div>
 <div id="bloc2">
  <div id="img2">img</div>
  <div id="legend2">legend</div>
 </div>
</div>

Celui-ci s'applique à toutes les div :

Code :

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

.list_img div {padding:10px;}

Celui-ci s'applique aux div "bloc" et "img" :

Code :

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

.list_img div:first-child {padding:10px;}

[Ecared]

Je ne suis pas d'avoir compris exactement ce que tu veux mas si tu veux sélectionner seulement les div enfants direct de list_img tu peux faire:

Code :

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

1
2
3
4
 
.list_img > div{
	padding:10px;
}

Teste ça et dis moi si c'est ce qu'il te fallait

[ABCIWEB]

Pas sur d'avoir compris non plus donc je te donne une autre piste :first-of-type

[Invité]

Bonjour,

1/ (je pense qu'Ecared a vu juste)

• Sélecteurs enfant (n'hésite pas à regarder les autres types de sélecteurs

2/ Pour les images et légendes :

Code :

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

1
2
  <div id="img2">img</div>
  <div id="legend2">legend</div>

• Voir : <figure> / <figcaption>

Code html :

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

1
2
3
4
  <figure>
     <img src="..." alt="..." />
     <figcaption>legend</figcaption>
  </figure>

[NoSmoking]

Bonjour,

Je souhaite appliquer un style UNIQUEMENT aux div "bloc"

j'en fais une lecture encore différente

Cibler les éléments dont l'id est "blocxx" et dans ce cas

Code :

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

1
2
3
[id^=bloc] {
  padding:10px;
}

suivant ....

[Invité]

...sans faire référence aux ID que j'ajoute ici pour la compréhension mais qui n'existent pas dans ma page...

@Nosmoking : il faut lire jusqu'au bout !

Je vote toujours pour Ecared

[NoSmoking]

@Nosmoking : il faut lire jusqu'au bout !

je m'en vais nettoyer mes carreaux !

[guest4541]

Merci Ecared, ton code fonctionne parfaitement avec ma page :

Code :

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

1
2
3
.list_img > div{
	padding:10px;
}

PS : Je n'obtiens pas le même résultat avec :first-of-type
Merci pour vos réponses qui m'ont permis d'optimiser ma page et d'apprendre d'autres méthodes de sélection.