我创建了一个名为colors.scss的文件，后来又创建了另一个名为header.scss的文件。但是，我在header.scss中使用的变量最初是在colors.scss中定义的，无法实现。
我有一个名为colors.scss的文件，其中包含：

$first: white;
$second: #090c31;
$third: #5853ff;
$dark: rgb(44, 44, 44);
$text1: "Roboto";
$text2: cursive;

字符串
然后我做了另一个名为header.scss的文件：

@import "colors";

nav {
  width: 100%; 
  padding: 1rem; 
  display: flex; 
  justify-content: space-between;
  align-items: center;
  position: sticky; 
  background-color: $first;
  top: 0%; 
  z-index: 10;

  > h1 { text-transform: uppercase; }

  > main {
    width: 70%; 
    display: flex;
    justify-content: flex-end;

    > a {
      color: $dark;
      margin: 1rem;

      &:hover { color: $third; }
    }
  }
}

型
但是我在header.scss中使用的变量没有被实现。“