css - LESS 无法识别的输入

Question

@grayBorderColor: lightgrey;
@blueBorderColor: lightskyblue;

.eaSqm-filters-header {
    margin: 6px;
    height: 20px;
    &-title {
        display: none;
    }
    &-config {
        float: bottom;
        &-expandable-exitFullIcon {
            display: none;
        }
    }
    &-panel {
        &-downArrowIcon {
            height: 32px;
            width: 32px;
            display: none;
        }
        &-upArrowIcon {
            height: 32px;
            width: 32px;
        }
    }
}

.eaSqm-filters-Location {
    margin: 6px;
    height: 400px;
    display: inline-block;
}

.eaSqm-filters-Customer {
    margin: 6px;
    height: 400px;
    display: none;
}

.eaSqm-filters-Component {
    margin: 6px;
    height: 400px;
    display: none;
}

当我尝试运行这些文件时，它说上述文件在 1,56 处有一个无法识别的错误，我不确定这是什么类型的错误。我已经纠正了缺失的大括号并尝试修复内部颜色，但我仍然不断收到错误消息，并且无法找出错误原因。

Answer 1

结构的末尾 缺少大括号，这意味着您没有关闭 .eaSqm-filters-header。

解决方案

@grayBorderColor:lightgrey;
@blueBorderColor: lightskyblue;

.eaSqm-filters-header {
    margin: 6px;
    &-title {
      display: none;
    }

    &-config {
      float: bottom;
      &-expandable-exitFullIcon {
        display: none;
    }
} /* Added missing curly brace */

希望这对您有所帮助!