我是 scss 的新手，遇到 scss 代码格式的问题

Question

嘿，我是 s 的新手css 我在我的代码中遇到了一些错误。我正在为我的页面使用父级 class。这是我的 css

.d-layout {


    .bg-img {
        height: 304px;
        width: 1140px;
    }

    .p-color: {
        color: #A50034;
    }
    .ptd {
        .icon {
            height: 8px;
            width: 8px;
            transform: rotate(-90deg);
        }
        button {
            color: #A50034;
            font-family: "LG Smart_Global";
            font-size: 20px;
            line-height: 28px;
        }
    }

}

错误是SassError: Invalid CSS after " };": expected "}", was ".p-color: {"

Answer 1

我认为您的 sass 代码的问题在于“.p-color”之后的冒号

代码应该是：

.p-color {
    color: #A50034;
}

我是 scss 的新手，遇到 scss 代码格式的问题

I am new to scss, getting issue in the scss code format

css

sass

less