媒体查询错误代码：{expectedcss(css-lcurlyexpected)

Question

我遇到了有关媒体查询的错误代码。它针对预期的大括号提出了 3 个错误代码。特别是“@media”及其结尾“}”以及“html, body”的结尾“}”。我在另一个文件中设置了这个 css，并且没有错误代码。我不太确定如何继续前进并解决这个问题。 （请参阅随附的屏幕截图以查看错误。我已经考虑过在 h1{ + a{ 之后添加缺失的空格，但这不会成为问题。）

错误代码：

{ expectedcss(css-lcurlyexpected)

媒体查询：

@media only screen and (max-width: 768px) {
    html, body {
        --border-radius: 50px;
    }

    h1 {
        font-size: 200px;
    }
    
    h2 {
        font-size: 16px;
    }
    
    h3 {
        font-size: 14px;
    }
    
    p {
        font-size: 14px;
    }
    
    a {
        font-size: 14px;
    }
    
    section.vscroll {
        flex-direction: column;
    }
    
    section.vscroll figure {
        flex-basis: 25vh;
    }
    
    section.vscroll figure img {
        width: 20%;
    }
    
    footer {
        display: flex;
        flex-direction: row;
        align-items: stretch;
    }
        
    footer .SCL-info .copyright {
        width: 100%;
    }
}

[代码错误截图](https://i.sstatic.net/trbs91Zy.png)

Answer 1

对我来说看起来不错，这可能会抛出它：

 --border-radius: 50px;

不会为我渲染，因为我没有调用变量

var( --border-radius);

但这应该不重要。将代码复制到另一个编辑器中或在另一个浏览器中运行。祝你好运！