如何解决我的Sass编译错误:期望的选择器

问题描述 投票:1回答:1

第一次来这里,所以对不起,因为对该地方的行为守则缺乏理解。

我已经阅读了带有[[类似描述的问题的帖子,但它没有帮助:-/抱歉,我是n00b,请保持谦虚!

刚开始将我的sass构造为不同的文件,并且同时开始使用sass而不是scss。

我的问题

可能真的很简单又很愚蠢,是:

Compilation Error Error: Invalid CSS after "...align: top; } }": expected 1 selector or at-rule, was "{" on line 43 of Users/Test/Documents/walters.dk 6.0/styles/1-base/_typography.sass from line 2 of Users/Test/Documents/walters.dk 6.0/styles/1-base/_base-dir.sass from line 2 of sass/Users/Test/Documents/walters.dk 6.0/styles/app.sass >> vertical-align: top; } } {

错误所源自的文件如下所示:

(第43行是底部的“垂直对齐:顶部”)

// Text h1 font-family: 'Raleway', sans-serif font-weight: 300 display: inline-block color: $redish margin: 0 auto text-align: center font-size: 25px line-height: 1 h2 font-family: 'waltershand', Arial, sans-serif text-align: center font-size: 10rem margin-top: 3% h3 font-family: 'waltershand', Arial, sans-serif text-align: center h4 font-family: 'Raleway', sans-serif font-size: 0.85rem font-weight: 600 display: inline-block h5 font-size: 3rem font-family: 'waltershand', Arial, sans-serif margin: 4vh 5vw auto 5vw z-index: 2 +mq(875px) font-size: 4.4vw display: inline-block vertical-align: top
第一次使用mixins,所以如果有帮助,我在下面添加了代码:

=mq($size) @media only screen and (min-width: $size) @content
文件像这样编译成app.sass:

@import 'variables' @import '1-base/base-dir'
我猜测问题不在于实际的第43行,而是我的mixin的编写方式或其重要性的方式。

希望有一些聪明的代码大师可以帮助您!

visual-studio-code sass compilation selector
1个回答
0
投票
通过删除此内容

+mq(875px) font-size: 4.4vw display: inline-block vertical-align: top

您的代码不错。我不确定mq是做什么的?

您可以清楚地看到该错误并进行尝试here

enter image description here错误:没有名称为mq的mixin

回溯:标准输入:38在stdin的38行@include mq(875px){------------- ^
© www.soinside.com 2019 - 2024. All rights reserved.