跟随Brian Design教程学习时@media screen CSS代码报错求助

你的代码出现报错，是两个CSS语法问题导致的：

• 缺少目标元素选择器
  CSS媒体查询内部的样式规则必须明确指定要作用的元素（比如类、标签、ID选择器），不能直接写属性声明。浏览器无法识别这些display、height属性该应用到哪个元素上，因此抛出语法错误。
  正确的写法需要先添加选择器，再用大括号包裹属性，比如针对页面头部导航：

  @media screen and (max-width: 960px) {
    .header { /* 替换为你要修改的元素选择器 */
      display: flex;
      justify-content: space-between;
      height: 80px;
    }
  }
  

• 属性值拼写错误
  justify-content的有效值是space-between（中间必须有连字符），你写的spacebetween不符合CSS语法规范，浏览器无法识别该值。

内容的提问来源于stack exchange，提问作者aadi