18041 sujets

Questions générales et questions de débutants

Grand débutant et selecteurs

Bonjour à tous!
j'aimerai savoir comment faire pour ne colorer qu'une seule cellule dans un tableau sans toucher au fichier html(c'est a dire sans rajouter de classe à la cellule)?
je vous poste l'exercice merci tous

<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="style.css" />
<title>Exercice selecteurs</title>
</head>

<body>
<div>
<p>Bonjour, je suis le premier texte.</p>
<p>Bonjour, je suis le second texte.</p>
</div>

<div>
<i>Introduction</i>
<p>Aurevoir, je m'en vais.</p>
</div>

<div>
<table>
<tr>
<td>0</td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
<td>28</td>
<td>29</td>
</tr>
<tr>
<td>30</td>
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
<td>36</td>
<td>37</td>
<td>38</td>
<td>39</td>
</tr>
</table>
</div>

<div>
<div>
<div>
</div>
</div>
</div>
</body>
</html>
en fait j'aimerai faire en sorte que le td numero 21 soit de fond noir et d'ecriture blanche.
je ne sais pas comment le cibler directement Smiley sweatdrop
Bonjour.

C'est possible avec :

table tr:nth-of-type(3) td:nth-of-type(2) {
	color: white;
	background-color: black;
}

ou :

table tr:nth-child(3) td:nth-child(2) {
	color: white;
	background-color: black;
}

ou plus direct :

table td:nth-of-type(21) {
	color: white;
	background-color: black;
}

Si je n'ai pas commis d'erreur, ça devrait le faire.

Plus d'infos sur http://nthmaster.com/.

Bonne continuation.

PS : faut pas poster en double.
Sujet clos
Aller à