Почему не меняется цвет заголовка и не убирается подчеркивание?

0

Не меняется стиль и цвет первого заголовка, ссылки.

.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% 'IBM Plex Mono';
margin: 0 0 0 9px;
color: #FFFFFF;
text-decoration: none;
}
.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover
{
padding: 22px 0 0 0;
color: #FFFFFF;
letter-spacing: 0.1 em;
text-decoration: none;
}
.logo_text h2{
font-size: 0.9em;
padding: 4px;
color: #FFFFFF;
}



Это css

это html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="discription" content="Киномонстр - это портал о кино"/>
<meta name="keyword" content="Фильмы, фильмы онлайн, hd"/>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

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




</div>


</div>


</div>


</div>

</body>
</html>
html
css

3 ответов

1

Потому что в html пишешь название класса logotext, а в css пишешь стили для logo_text, так не будет работать

1

Вот в этом упражнении можно посмотреть как должно быть и сравнить код со своим:

https://fructcode.com/ru/courses/html-and-css/header-and-top-menu/

0

Изменил на logo_text в html, теперь начал редактироваться h2, но h1 так же остается прежним почему-то(

Sign up or Log in to write an answer