Не работает hover, в чём ошибка?

Урок 28,не получился итог,как в видеоуроке, в чём ошибка?

Сделала всё как в видеоуроке, но почему-то желаемого итога в браузере,как в самом видеоуроке не получилось.
Думаю, может я где-то что-то не так сделала. В строке .logo_text h1, .logo_text h1 a, .logo_text h1 a:hover - слово "hover" не отображается должным образом,т.е. остаётся в виде обычного текста. В чём ошибка?

.header {
	background-color: darkslateblue;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 90px;
}

.main, .logo, .menubar, .site_content,.footer, {
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 880px;
	padding-bottom: 40px;
}

.logo h1, .logo h2, {
	font: normal 300% "century gothic", arial, sans serif ;
	margin:0 0 0 9px;
}

.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {
	padding:22px 0 0 0;
	color: #fff;
	letter-spacing:0.1em;
	text-decoration: none;

}
.logo_text h2 {
	font-size: 0.9em;
	padding:4px 0 0 0;
	color:#999;
}

html

css

7 ответов

Покажите весь ваш код

Здесь у вас ошибки:

<meta name="deskription"content="Киномонстр- это портал о кино!" />
<meta name="keywords"content="Смотреть фильмы онлайн, смотреть, hd" />

1) Слово description написано неверно. И пробелы должны быть после "description" и "keywords".

2) Для div с классом main не хватает закрывающего тега </div> перед закрывающем тегом </body>

3) .logo h1, .logo h2, { - лишняя запятая после h2 в стилях

Название класса неверное. Написано .heder {, а должно быть .header {

html

<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="deskription"content="Киномонстр- это портал о кино!" />
	<meta name="keywords"content="Смотреть фильмы онлайн, смотреть, hd" />
	<link rel="stylesheet"  href="assets/CSS/stayle.css">
</head>
<body>

	<div class="main">

	<div class="header"> 
			<div class="logo"> 		
	<div class="logo_text">
			<h1><a href="/">Киномонстр</a></h1>
			<h2>Кино-наша страсть!</h2>
			</div>

		</div>

	</div> 
	
</body>
</html>

css

.header {
	background-color: darkslateblue;
	height: 177px;
	font-size: 0.8em;
	margin-left: 0px;
	margin-right: 0px;
	min-width: 900px;
}

.main, .logo, .menubar, .site_content,.footer, {
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 880px;
	padding-bottom: 40px;
}

.logo h1, .logo h2, {
	font: normal 300% "century gothic", arial, sans serif ;
	margin:0 0 0 9px;
}

.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover {
	padding:22px 0 0 0;
	color: #fff;
	letter-spacing:0.1em;
	text-decoration: none;

}
.logo_text h2 {
	font-size: 0.9em;
	padding:4px 0 0 0;
	color:#999;
}

Благодарю за помощь!
Еще интересует вопрос. В этом блоке не ставится цвет фона лого на фиолетовый, другие цвета тоже не ставятся, уже всё перепробовала, что не так?

.heder {
  background-color: darkslateblue;
  height: 177px;
  font-size: 0.8em;
  margin-left: 0px;
  margin-right: 0px;
  min-width: 900px;
}

Спасибо огромное,а я то думаю,что не так!