【问题标题】:How do I fix my sass compilation error: expected selector如何修复我的 sass 编译错误:预期选择器
【发布时间】:2020-01-10 01:45:29
【问题描述】:

第一次来,所以抱歉对这个地方的行为准则缺乏了解。

我已经阅读了一篇有描述的类似问题的帖子,但它没有帮助 :-/ 对不起,我是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 行是最下面的,“vertical-align: top”)

// 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 的编写方式,或者它的 importet 方式。

希望有聪明的代码高手可以帮忙!

【问题讨论】:

  • 我在尝试编译您的代码时没有收到任何错误。当我尝试将其编译为 SCSS 而不是 SASS 时,我才设法得到与您相同的错误。你确定你的编译器有正确的配置吗?

标签: visual-studio-code sass compilation selector


【解决方案1】:

删除这个

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

您的代码很好用。我不确定mq 有什么作用?

您可以清楚地看到错误并尝试一下here

错误:没有名为 mq 的 mixin

回溯: 标准输入:38 在标准输入的第 38 行 @include mq(875px) { -------------^

【讨论】:

猜你喜欢
  • 1970-01-01
  • 2022-01-13
  • 2013-01-07
  • 1970-01-01
  • 2022-12-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-27
相关资源
最近更新 更多