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

举例：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
$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
    )
);
posted @ 2019-10-01 14:14  Moliy-Moliy  阅读(176)  评论(0)  编辑  收藏  举报