- index.html
- style.css
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Динамические эффекты с помощью :hover</title>
<style>
em {
display: none;
}
</style>
<link rel="stylesheet" href="course-4.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="cup-standings">
<h1>Личный зачёт кубка мира</h1>
<table>
<tr>
<th>№</th>
<th>Спортсмен</th>
<th>Очки</th>
</tr>
<tr>
<td>1.</td>
<td>Мартен Фуркад
<em>Франция</em>
</td>
<td>
<strong>151</strong>
</td>
</tr>
<tr>
<td>2.</td>
<td>Эмиль-Хегле Свендсен
<em>Норвегия</em>
</td>
<td>
<strong>121</strong>
</td>
</tr>
<tr>
<td>3.</td>
<td>Алексис Бёф
<em>Франция</em>
</td>
<td>
<strong>110</strong>
</td>
</tr>
<tr>
<td>4.</td>
<td>Арнд Пайффер
<em>Германия</em>
</td>
<td>
<strong>105</strong>
</td>
</tr>
<tr>
<td>5.</td>
<td>Евгений Устюгов
<em>Россия</em>
</td>
<td>
<strong>104</strong>
</td>
</tr>
</table>
</div>
</body>
</html>
CSS
em {
display: none;
}
ЗадачиВыполнено
Теперь в таблице результатов страна спрятана по умолчанию. Нужно сделать так, чтобы при наведении на строку таблицы:
- Появлялась страна: свойство
display: inline;. - Подсвечивались очки: свойство
color: #0088cc;.
Наведите курсор мыши на строки таблицы для проверки работы селекторов.