Question

我刚刚开始使用SCSS，我在动态更改网站颜色方面遇到了一些问题。我想要做的是创建一个颜色列表，每次刷新页面时，它都会更改所选的颜色。这是代码：

SCSS：

$colors: (
      #cc6698,
      #0869ad,
      #ff8300,
      #7A86b8,
      #f05133,
      #2aa9e0,
      #71bf45,
      #ef0e39,
      #9e79d7,
    );

    $color: nth($colors, random(length($colors)));

但是，它仅在我修改文件时更改颜色，而不是在每次刷新页面时更改颜色。我该怎么办？谢谢。

Answer 1

您的代码有效，但您必须在浏览器中编译SCSS文件（使用sass.js）才能看到效果。

HTML：

surface.pyd

SASS：

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor maiores placeat illo culpa quam, magnam sunt accusantium enim dicta temporibus, reiciendis soluta iure, reprehenderit qui vel perspiciatis suscipit earum asperiores.</p>

选中此项（查看效果添加文字到段落或刷新页面）：

SCSS动态变色

1 个答案:

CODEPEN