什么是 SASS？
SASS 是一种 CSS 预处理器，它可以让我们使用类似编程语言的方式来编写 CSS。这意味着我们可以使用变量、函数、嵌套等功能来更加高效和灵活地管理和组织 CSS 代码。
什么是 CSS 伪类？
CSS 伪类是指用来选择文档中某些特定状态的选择器。比如，:hover 用来选择鼠标悬停在某个元素上时的状态，:active 用来选择用户点击某个元素时的状态等。
如何在 SASS 中使用 CSS 伪类？
在 SASS 中，我们可以使用 & 符号来引用父级选择器。这意味着我们可以更加方便地使用伪类选择器。
下面是一个例子：
------- -
----------------- -----
------ ------
-------- -----
-------------- ----
------- -
----------------- ----
-
-------- -
----------------- ------
-
-在上面的例子中，我们定义了一个 .button 类，它有一个蓝色的背景色、白色的文字颜色和圆角边框。同时，我们也定义了 :hover 和 :active 伪类选择器，分别用来改变按钮在鼠标悬停和点击时的背景色。
注意，& 符号代表的是父级选择器，所以 &:hover 和 &:active 实际上是 .button:hover 和 .button:active 的简写形式。
总结
在 SASS 中使用 CSS 伪类非常简单，只需要使用 & 符号来引用父级选择器即可。这种方式可以让我们更加方便地管理和组织 CSS 代码，同时也可以让代码更加易读和易维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6607f47fd10417a22269286b