我是 scss 的新手，遇到 scss 代碼格式的問題

Question

嘿，我是 scss 的新手，我的代碼出現了一些錯誤。 我正在為我的頁面使用父類。 這是我的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;
}