.#{$pretty--class name}是sass插值方法吗?
I用于显示开关(复选框、收音机、滑块等)。 我已经有一段时间没有编写html/sass了,我对这一点有点恼火 我以为你不是用点就是用散列。但在这里你两者都用。 这是SASS特有的东西吗?它用变量名替换.#{$pretty--class name}是sass插值方法吗?,sass,string-interpolation,Sass,String Interpolation,I用于显示开关(复选框、收音机、滑块等)。 我已经有一段时间没有编写html/sass了,我对这一点有点恼火 我以为你不是用点就是用散列。但在这里你两者都用。 这是SASS特有的东西吗?它用变量名替换{$pretty--class name} 我发现这一点: 用户有时希望使用插值来定义变量名 基于另一个变量。Sass不允许这样,因为这样会 很难一目了然地说出哪些变量是在哪里定义的。 不过,您可以做的是定义一个从名称到您需要的值的映射 然后可以使用变量访问 但下面的例子并没有使用相同的方法 $pr
{$pretty--class name}
我发现这一点:
用户有时希望使用插值来定义变量名
基于另一个变量。Sass不允许这样,因为这样会
很难一目了然地说出哪些变量是在哪里定义的。
不过,您可以做的是定义一个从名称到您需要的值的映射
然后可以使用变量访问
但下面的例子并没有使用相同的方法
$pretty--class-name: pretty !default;
.#{$pretty--class-name} {
position: relative;
display: inline-block;
margin-right: 1em;
white-space: nowrap;
line-height: 1;
}
您提到的文档仅涉及基于其他变量动态创建变量,这在SASS中是不可能的:您必须使用映射来执行类似的操作。在您的例子中,只有一个插值方法来创建一个类,而不是另一个SASS变量 因此,
{$pretty--class name}
就是生成.pretty
类的一个例子
p.S.顺便说一句,那页真不错。谢谢分享 但是语法
{variable name}
,是SASS吗?把你的答案作为注释,我可以接受你的答案:)好的。谢谢!;)