scss 样式

• 样式规则
• 样式规则是 Sass 的基础，就像 CSS 一样。它们的工作方式相同：您可以使用选择器选择要设置样式的元素，并声明影响这些元素外观的属性。SCSScss.button{padding: 3px 10px; font-size: 12px; border-radius: 3px; border: 1p

• 属性声明
• 在 Sass 中和在 CSS 中一样，属性声明定义了匹配选择器的元素的样式。但 Sass 添加了额外的功能，使它们更易于编写和自动化。首先，声明的值可以是任何 SassScript 表达式，它将被计算并包含在结果中。scss 语法css 语法.circle{$size: 100px; width:$

• 父选择器
• 父选择器&是 Sass 发明的一种特殊选择器，在嵌套选择器中，用于引用外部选择器。它可以以更复杂的方式重用外部选择器，例如添加伪类或在父级之前添加选择器。当在内部选择器中，使用父选择器时，它会被相应的外部选择器替换。发生这种情况而不是正常的嵌套行为。scss 语法css 语法.alert{// Th

• 占位符选择器
• Sass 有一种特殊的选择器，称为“占位符”。它看起来和行为很像一个类选择器，但它以 % 开头，并且不包含在 CSS 输出中。

• 变量
• Sass 变量很简单：给以$开头的名称赋值，然后可以引用该名称而不是值本身。但是尽管它们很简单，但它们是 Sass 带来的最有用的工具之一。变量可以减少重复、进行复杂的数学运算、配置库等等。变量声明看起来很像属性声明：它是这样写的<variable>:<expression>

• 插值
• 插值几乎可以在 Sass 样式表中的任何地方使用，以将 SassScript 表达式的结果嵌入到 CSS 块中。只需在以下任何地方包装一个表达式#{}：样式规则中的选择器。声明中的属性名称。自定义属性值。CSS 规则。@extends。纯 CSS @import。带引号或不带引号的字符串。特殊函数。