Не применяются стили к элементу CSS

Question

Вот написал новый код, тоже самое

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
    <title>Flat</title>
</head>
<body>
    <div class="header">
        <div class="logo">
            <img src="assets/images/logo.png" alt="">
            <div class="M_logo">M</div>
        </div>
    </div>
</body>
</html>

body {
    margin: 0;
}


div.header {
    width: 100%;
    max-width: 1680px;
    height: 100px;
}


div.logo {
    padding-top: 20px;
    padding-left: 164px;
}


div.M-logo {
    font-size: 45px;
}

Answer 1

Вам не нужно писать div / nav перед (точкой) названием класса:

body {
  margin: 0;
}

.top_part {
  width: 100%;
  max-width: 1680px;
  height: 50px;
  background: #d20000;
}

.bottom_part {
  width: 100%;
  max-width: 1680px;
  height: 120px;
  background: #ffcc00;
}

.slider {
  width: 100%;
  max-width: 1680px;
  height: 200px;
  background: url("../images/background.jpg") center;
  background-size: cover;
}

.top_nav {
  text-align: center;
  display: inline-block;
  
  background-color: lightblue;

}

a {
  font-size: 15px;
}

<div class="header">
  <div class="top_part">
    <nav class="top_nav">
      <a href="#">English</a>
      <a href="#">Contact Center</a>
      <a href="#">Contry Profile</a>
    </nav>
  </div>
  <div class="bottom_part"></div>
  <div class="slider"></div>
</div>

Предполагаю, что запутался с наследством, родителями.

Наследования от "родителя" для .top-nav у Вас вообще не присутствует

БЛОГ НА HUSL

Не применяются стили к элементу CSS

Ответы (1 шт):