В задание было сказано:
- нужно заменить некоторые теги на другие;
- нужно прописать классы для некоторых элементов.
У меня вопрос. Как разметку с тегами и классами можно упростить?
Если взять в пример 3-го игрока из разметки. Обязательно ли прописывать класс “disqualified” для каждой строки или можно упростить? Также и для тега span
Вот код разметки:
Испытание: интерактивное расследованиеРезультаты соревнования
Игрок | Раунд 1 | Раунд 2 | Раунд 3 | Итог |
---|---|---|---|---|
Иван Васильев | 10 | -20 | 30 | 20 |
Анна Иванова | 50 | 10 | -30 | 30 |
Василий Ольгин | 50 | 50 | 50 | 150 |
Ольга Аннова | -10 | -20 | 40 | 10 |
Вот код стилей:
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;
}