面试题：CSS中SASS/SCSS变量与嵌套的应用

Question

在SASS/SCSS中，如何定义一个颜色变量，并在嵌套的CSS选择器中使用它？例如，假设有一个导航栏，导航栏背景色和其中链接的颜色都使用同一个主色调，用SASS/SCSS实现此样式。

Answer 1

// 定义颜色变量
$primary-color: #007bff; 

nav {
  background-color: $primary-color;
  a {
    color: $primary-color;
  }
}