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

0

Добрый день! 

На данный момент прохожу курс по HTLM и CSS. Возникла такая проблема не меняется шрифт слова <<киномонстр>> и цвет надписи <<кино - наша страсть!>>

Код прикладываю:

<!DOCTYPE html>
<html lang="ru">
<head>
    <title>Киномонстр</title>
    <meta charset="UTF-8">
    <meta name="description" content="Киномонстр - портал о кино">
    <meta name="keywords" content="фильмы, фильмы онлайн, фильмы HD">
    <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>
.header {
    background-color: darkslateblue;
    height: 177px;
    margin-left: 0;
    margin-right: 0px;
    
    min-width: 900px;
    }

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

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

.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

4 ответов

0

В верстке класс называется logo_text, а в стилях класс называется .Logo_text h2 {

Поэтому и неверно показывает верстку.

0

та же проблема, комменты не помогли

не меняется цвет : .logo_text h1 a

.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;

0

Все проблема решена. Была пропущена запятая вот в этом месте:

.logo h1 .logo h2 {

font: normal 300% 'century gothic', arial, sans-serif; margin: 0 0 0 9px;

Между .logo h1 и .logo h2

И как верно заметил человек выше в стилях было указано .Logo_text h2 а не .logo_text h2.

Спасибо!

0

Наталья, лучше отдельный вопрос задать и приложить весь код html и css полностью, чтобы помогли

Sign up or Log in to write an answer