Sass：更多关于嵌套的内容📚

由 Mux 主办的 DEV 全球展示挑战赛：展示你的项目！

我们在上一篇文章中学习了如何嵌套 SCSS 规则。今天，我们将更深入地探讨嵌套的相关知识。

本文将涵盖以下内容：

1. 父级选择器和伪类
2. CSS 选择器的分组和嵌套
3. 选择器嵌套组合器

我们将对每个要点进行深入探讨。

1. 父选择器和伪类

SASS官方文件指出：

父选择器 `&` 是 Sass 发明的一种特殊选择器，用于嵌套选择器中，以引用外部选择器。

为了更深入地理解，请看下面的例子。

&这里用作对外部选择器的引用，即.main .alert

你可能觉得这种选择器没什么用，对吧？父级选择器最常用于：

1.1 _后缀类上下文。

包括 Bootstrap 在内的许多框架都采用了这种模式。

1.2伪类也使用父选择器。

1.3 也&可以用作伪选择器函数中的参数：

2. CSS 选择器的分组和嵌套

当列表中有多个选择器时，我们使用逗号作为分隔符。

3. 选择器嵌套组合符（>、+、~、空格）

选择器组合器可以放置在如下所示的许多位置：

需要了解更多关于选择器嵌套组合器的信息吗？选择器嵌套组合器

我几乎涵盖了我所知道的关于 SCSS 嵌套的所有内容；然而，在接下来的文章中，我们将讨论一个名为占位符选择器的新主题。