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。带引号或不带引号的字符串。特殊函数。