码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-10-01 16:42:52      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:strong   --   keyword   class   code   注意   开始   英文   syntax   

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
    )
);

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

标签:strong   --   keyword   class   code   注意   开始   英文   syntax   

原文地址:https://www.cnblogs.com/hou-yuan-zhen/p/11615334.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!