← Комьюнити

Что такое hover и в каком уроке его проходили?

student_eb97YXoD4 ответов
#html#css
.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;

не работает тэг hover я не помню что бы его где то проходили

как его прописать?

<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="description" content="Мое здоровье- это портал о здоровье" />
<meta name="keywords" content="здоровье, мое здоровье" />
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="assets/css/style.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>

<div/>


</body>
</html>

4 ответов

Принятый ответ

1) hover - это поведение стиля при наведении мыши (например, когда мышь на меню наводится, текст ссылки меняется). 

2) По маленькому куску кода сложно определить почему hover не работает, может какой-то div в html не закрыт? Или точки с запятой не стоит в css где-то? Нужно весь код показать целиком как HTML, так и CSS, тогда попробую помочь найти ошибку.

student_-VH8UeUB▲ 1
Принятый ответ

Вам нужно определиться в какую сторону правильно закрывать div,  у вас пока два разных варианта закрытия div и один из них неправильный:

</div>

<div/>

Вот тут есть рабочий живой пример, в котором работает hover и другой код, сравните со своим кодом, исправьте ваш код и все заработает:

/ru/courses/html-and-css/header-and-top-menu/

student_Cx8W3815▲ 1
Принятый ответ
<!DOCTYPE html>
<html lang="ru">
<head>
<meta name="description" content="Мое здоровье- это портал о здоровье" />
<meta name="keywords" content="здоровье, мое здоровье" />
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="assets/css/style.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>

<div/>


</body>
</html>
student_eb97YXoD

скачай плагин для редактора кода, который подсвечивает закрывающийся и открывающийся тег при наведении

Кирилл Лищенер

Ваш ответ

Войдите, чтобы ответить