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

编辑2：我发现了这个问题，在我正在处理的主html中，我忘记了我在文件顶部写了所有媒体定义，我没有意识到CSS是自上而下读取的。对不起，有什么困惑。 感谢用户@Pete的进一步解释

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

代码应将其从20%/80%的logo和nav相邻更改为100%的logo高于nav

TLDR：我必须定义标题>.logo 这样地？如果不是，我会错在哪里

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

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

.logo{
浮动：左；
宽度：20%；
高度：50px；
背景色：红色；
}
导航{
浮动：对；
宽度：80%；
高度：50px；
背景颜色：蓝色；
}
@媒体屏幕和屏幕（最大宽度：480px）{
标题>.logo{
宽度：100%；
浮动：无；
}
标题>导航{
宽度：100%；
浮动：无；
}
}

标志
菜单

请单击

并创建SO欢迎。请浏览一下。

header>。logo

比

更具体。logo

的规则优先，您应该发现，如果将第二个选择器更改为

header>.logo

，则规则将生效，因为它与前面的选择器具有相同的权重，但在文档的后面。@Makiabel好的，现在我们有一个代码片段，您的代码在480px以上并排运行-2个div，在480px以下一个div以上。问题是什么？是的，总是把媒体查询放在原始css之后，因为它需要覆盖css-这样你就可以使用原始选择器使其更易于维护（通过使用更具体的选择器，这意味着您可能还需要在其他媒体查询中更加具体，这些查询可能也与该选择器匹配，但需要覆盖该选择器，并且更难看到该选择器将覆盖哪一个。）