Discussion :

[Doksuri]

Bonjour, ma question va paraitre bete, mais je n'arrive pas a selectionner le 4eme element d'un certain selecteur.

j'ai simplifie au max le code. il faudrait que le 4eme vendredi (vendredi 29, avec le [ici] soit en bleu) j'ai essaye 4n... 1n+4 et plein d'autres selecteurs, mais je ne parviens pas a cibler mon element

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<div class="week">
  <div class="day" data-num-day-week="0">L 4</div>
  <div class="day" data-num-day-week="1">M 5</div>
  <div class="day" data-num-day-week="2">M 6</div>
  <div class="day" data-num-day-week="3">J 7</div>
  <div class="day" data-num-day-week="4">V 8</div>
  <div class="day" data-num-day-week="5">S 9</div>
  <div class="day" data-num-day-week="-1">D 10</div>
</div>
<hr />
<div class="week">
  <div class="day" data-num-day-week="0">L 11</div>
  <div class="day" data-num-day-week="1">M 12</div>
  <div class="day" data-num-day-week="2">M 13</div>
  <div class="day" data-num-day-week="3">J 14</div>
  <div class="day" data-num-day-week="4">V 15</div>
  <div class="day" data-num-day-week="5">S 16</div>
  <div class="day" data-num-day-week="-1">D 17</div>
</div>
<hr />
<div class="week">
  <div class="day" data-num-day-week="0">L 18</div>
  <div class="day" data-num-day-week="1">M 19</div>
  <div class="day" data-num-day-week="2">M 20</div>
  <div class="day" data-num-day-week="3">J 21</div>
  <div class="day" data-num-day-week="4">V 22</div>
  <div class="day" data-num-day-week="5">S 23</div>
  <div class="day" data-num-day-week="-1">D 24</div>
</div>
<hr />
<div class="week">
  <div class="day" data-num-day-week="0">L 25</div>
  <div class="day" data-num-day-week="1">M 26</div>
  <div class="day" data-num-day-week="2">M 27</div>
  <div class="day" data-num-day-week="3">J 28</div>
  <div class="day" data-num-day-week="4">V 29 [ici]</div>
  <div class="day" data-num-day-week="5">S 30</div>
  <div class="day" data-num-day-week="-1">D 31</div>
</div>

Code css :

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

1
2
3
4
5
6
7
8
9
.week { width: 100%; }
.day {
   float: left;
   width: calc(100% / 7);
   text-align: center;
}
.day[data-num-day-week="0"] { background-color: green; }
.day[data-num-day-week="2"] { background-color: orange; }
.day[data-num-day-week="4"]:nth-of-type(4) { background-color: blue; }

[NoSmoking]

Bonjour,
avec ta configuration ce serait plutôt :

Code :

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

1
2
3
.week:nth-of-type(4) [data-num-day-week="4"] {
  background-color: blue;
}

ou encore :

Code :

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

1
2
3
.week:nth-of-type(4) :nth-child(5) {
  background-color: blue;
}

[Doksuri]

aaaaah mais bon sang, mais c'est bien sur... faire le nth-of-type(4) sur le parent....quel naze je fais...

merci !