scss SASS Class扩展

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss SASS Class扩展相关的知识,希望对你有一定的参考价值。

%bg-image {
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.image-one, .image-two {
    @extend %bg-image;
}
.image-one {
    background-image:url(/img/image-one.jpg");
}

.image-two {
    background-image:url(/img/image-two.jpg");
}

以上是关于scss SASS Class扩展的主要内容,如果未能解决你的问题,请参考以下文章

sass的使用

如何在 vue 3 vite 中使用 sass 扩展?

SCSS 用伪元素嵌套 Sass

Sass 使用伪选择器扩展

Sass学习笔记

sass笔记