使用嵌套的写法，被嵌套的样式在输出的时候，Sass 会把它的父选择器拿起来中间加上一个空格，再加上这个被嵌套的选择器。表示被嵌套的选择器是嵌套它的选择器的后代。不过有些时候，我们不想使用这种关系 .. 而是直接要使用父选择器加上被嵌套的选择器，中间不用空格 ...

常用的情况就是在应用一些伪类的时候 ... 比如 :hover ... 像这里 ... :hover 是在 a 这个样式里面，输出的时候，选择器是 .nav 空格 a 空格 :hover ... 这样是不对的。

我们需要直接使用父选择器加上这个伪类选择器 :hover ... 这种情况，可以使用一个 & 符号 ... 在这个 :hover 的前面，加上一个 & ... 表示这里是要直接去调用它的父选择器。

保存 ... 在输出的结果这里，你会看到，a 还有 :hover 之间的空格就被去掉了。 下面再看一下使用 & 符号的例子 .. 用一个 & 符号，去引用父选择器，这里应该就是 .nav ... 加上一个空格 ... 然后再用一个 & 去引用父选择器 ... 加上一个连接符号 ... text ... 在这个样式里，再添加点东西 .. 比如一个字号的样式...

保存 ... 在输出的结果这里，你会看到，使用了 & 符号的地方，会去引用父选择器 ...