Question

编辑2：我想出了问题，在主html中，我正在研究的那个，我忘记了我在文件顶部写了所有媒体定义，我没有意识到CSS从上到下阅读。对不起任何困惑。感谢用户@Pete进一步解释！

我正在学习网页设计，这个div类没有应用CSS，除非我定义它在另一个div中。这是正常的行为吗？不应该只选择具有该名称的任何类并应用规则吗？。

代码应该将其从徽标和导航彼此相邻的20％/ 80％更改为徽标高于导航都是100％。

TLDR：我必须定义标题＆gt;是否正常.logo 像这样？如果没有，我哪里可能出错？

目前使用Dreamweaver CC 2018进行编码，如果需要，我可以提供更多详细信息。

我很抱歉，如果这是非常基本的，但我目前正在学习HTML和CSS，我还没有在其他任何地方看到这个解释。

.logo {
  float: left;
  width: 20%;
  height: 50px;
  background-color: red;
}

nav {
  float: right;
  width: 80%;
  height: 50px;
  background-color: blue;
}

@media screen and (max-width: 480px) {
  header>.logo {
    width: 100%;
    float: none;
  }
  header>nav {
    width: 100%;
    float: none;
  }
}

<header>

  <div class="logo">LOGO</div>
  <nav>MENU</nav>

</header>

编辑：尽我所能添加了代码段，因为这是我第一次使用此网站。

除非定义，否则无法识别CSS div类

0 个答案: