3.Scss的数据类型---承接上面

Posted 2022-12-10 hou-yuan-zhen

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了3.Scss的数据类型---承接上面相关的知识，希望对你有一定的参考价值。

div

font: Arial, Helvetica, sans-serif;

margin: 20px 40px;

border: 1px solid gray;

6.Map值

在Sass中，还为我们提供了另外一种特殊数据类型：Map值。Map值跟JSON值是非常相似的，数据都是以“键/值”的方式成对出现。

语法：

         $变量名:　　　　　　(
 　　　　   键名1:值1,
 　　　　   键名2:值2,
 　　　　   ……
 　　　　   键名n:值n
　　　　　　　);

说明：

Map值的语法结构都是以“(”开始，到“)”结束的。其中“键名”和“值”之间用英文冒号构成对，两个“键名:值”之间用英文逗号分隔。此外还要注意一下，最后一对“键/值”后面是不需要逗号的。

举例：

$theme-color: 
(
    default: 
    (
        bgcolor: #fff,
        text-color: #444,
        link-color: #39f
    ),
    primary:
    (
        bgcolor: #000,
        text-color:#fff,
        link-color: #93f
    ),
    negative: 
    (
        bgcolor: #f36,
        text-color: #fefefe,
        link-color: #d4e
    )
);

以上是关于3.Scss的数据类型---承接上面的主要内容，如果未能解决你的问题，请参考以下文章