Здравствуйте, прошу помочь. Выполнил на 98%, проблема в том, что не получается в “Итог” сделать шрифт жирным.
HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Испытание: интерактивное расследование</title>
<link rel="stylesheet" href="challenge.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Результаты соревнования</h1>
<div class="results">
<table>
<tr>
<th>Игрок</th>
<th>Раунд 1</th>
<th>Раунд 2</th>
<th>Раунд 3</th>
<th>Итог</th>
</tr>
<tr class="player-1">
<td>Иван Васильев</td>
<td>10</td>
<td>-20</td>
<td>30</td>
<td class="total">20</td>
</tr>
<tr class="player-2">
<td>Анна Иванова</td>
<td>50</td>
<td>10</td>
<td>-30</td>
<td class="total">30</td>
</tr>
<tr class="player-3 disqualified">
<td>Василий Ольгин</td>
<td>50</td>
<td>50</td>
<td>50</td>
<td class="total">150</td>
</tr>
<tr class="player-4">
<td>Ольга Аннова</td>
<td>-10</td>
<td>-20</td>
<td>40</td>
<td class="total">10</td>
</tr>
</table>
</div>
</body>
</html>
CSS:
h1 {
font-size: 20px;
}
h1 + .results {
margin-top: 20px;
}
th {
font-weight: normal;
background-color: #dad7f4;
text-align: left;
}
td:nth-child(5) > span {
font-weight: bold;
}
.disqualified {
text-decoration: line-through;
}
.player-1 .total {
background-color: silver;
}
.player-2 .total {
background-color: gold;
}
.player-3 .total {
background-color: red;
}
.player-4 .total {
background-color: chocolate;
}