Bonsoir,

Cette discussion fait suite à celle-ci.

Par exemple, une table avec quatre colonne et trois lignes :

- 1 --> 4
- 5 --> 8
- 9 --> 12

Le code HTML :

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
<div class="table_une">
<div class="table-wrap">
<table class="confluenceTable">
<tbody>
<tr>
<td class="confluenceTd">1</td>
<td class="confluenceTd">2</td>
<td class="confluenceTd">3</td>
<td class="confluenceTd">4</td>
</tr>
<tr><td class="confluenceTd">5</td>
<td class="confluenceTd">6</td>
<td class="confluenceTd">7</td>
<td class="confluenceTd">8</td>
</tr>
<tr><td class="confluenceTd">9</td>
<td class="confluenceTd">10</td>
<td class="confluenceTd">11</td>
<td class="confluenceTd">12</td>
</tr>
</tbody>
</table>
</div>
</div

J'ai donc des balises "tr" et "td".

Ce que je désire, c'est par exemple modifier la couleur de fond de la cellule six.

J'ai essayé (assez naïvement) :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
tr:nth-child(2} td:nth-child(2}{background-color: navy;}
Sans succès...

J'ai fait bien des recherches, mais je n'ai pas trouvé de solution pour cibler une cellule bien précise.

Est-ce possible ?

Merci d'avance.