Что такое hover и в каком уроке его проходили?
.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 ответов
Вам нужно определиться в какую сторону правильно закрывать div, у вас пока два разных варианта закрытия div и один из них неправильный:
</div>
<div/>Вот тут есть рабочий живой пример, в котором работает hover и другой код, сравните со своим кодом, исправьте ваш код и все заработает:
https://fructcode.com/ru/courses/html-and-css/header-and-top-menu/
<!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>скачай плагин для редактора кода, который подсвечивает закрывающийся и открывающийся тег при наведении
1) hover - это поведение стиля при наведении мыши (например, когда мышь на меню наводится, текст ссылки меняется).
2) По маленькому куску кода сложно определить почему hover не работает, может какой-то div в html не закрыт? Или точки с запятой не стоит в css где-то? Нужно весь код показать целиком как HTML, так и CSS, тогда попробую помочь найти ошибку.