值列表

作者: Lia代码猪崽 | 来源:发表于2018-01-28 21:27 被阅读1次

所谓值列表 (lists) 是指 Sass 如何处理 CSS 中:

margin: 10px 15px 0 0

或者:

font-face: Helvetica, Arial, sans-serif

像上面这样通过空格或者逗号分隔的一系列的值。

事实上,独立的值也被视为值列表——只包含一个值的值列表。

Sass列表函数(Sass list functions)赋予了值列表更多功能(Sass进级会有讲解):

nth函数(nth function) 可以直接访问值列表中的某一项;
join函数(join function) 可以将多个值列表连结在一起;
append函数(append function) 可以在值列表中添加值;
@each规则(@each rule) 则能够给值列表中的每个项目添加样式。

值列表中可以再包含值列表,比如 1px 2px, 5px 6px 是包含 1px 2px 与 5px 6px 两个值列表的值列表。如果内外两层值列表使用相同的分隔方式,要用圆括号包裹内层,所以也可以写成 (1px 2px) (5px 6px)。当值列表被编译为 CSS 时,Sass 不会添加任何圆括号,因为 CSS 不允许这样做。(1px 2px) (5px 6px)与 1px 2px 5px 6px 在编译后的 CSS 文件中是一样的,但是它们在 Sass 文件中却有不同的意义,前者是包含两个值列表的值列表,而后者是包含四个值的值列表。

可以用 () 表示空的列表,这样不可以直接编译成 CSS,比如编译 font-family: ()时,Sass 将会报错。如果值列表中包含空的值列表或空值,编译时将清除空值,比如 1px 2px () 3px 或 1px 2px null 3px。

相关文章

  • 今日所学

    列表查询 值 = 列表[index] 根据下标找值\ Index = 列表.index(值) 从列表中找出某个值第...

  • HTML基础2

    列表标签 无序列表: 列表项 列表项 ...... type属性值值 ...

  • combiz中值列表的设定

    值列表分为两种:1、静态值列表 2、动态值列表 1、静态值列表 a、先设定值列表 b、数据配置中设定相应字段为...

  • Python学习-list列表(1)

    list-列表数据类型 格式: 说明: ① 列表值:指的是列表本身 ② 列表值:是由多个表项(元素)构成 ③ 列表...

  • Python学习笔记4——列表

    1.列表数据类型 列表值代表列表本身,而不是列表内包含的值。 列表格式用[]括起来 列表中的值被称为表项,用逗号分...

  • mysql表数据操作

    插入数据 命令格式:insert [into] 表名(字段列表)values(值列表),(值列表),.... ex...

  • python 列表

    通过列表下标获取下标所对应列表中的值 [0---len] 值 = 列表[下标] 通过值获取在列表中对应的下标 ...

  • 值列表

    所谓值列表 (lists) 是指 Sass 如何处理 CSS 中: 或者: 像上面这样通过空格或者逗号分隔的一系列...

  • Linux 命令 & shell 脚本之06(for、while

    命令格式: 读取列表中的值 1.1 讀取數組中的值 1.2 讀取字典中的值 读取列表中的复杂值(列表值中含单引号)...

  • 学习js数据结构与算法5—字典和散列表

    字典和散列表 集合、字典和散列表可以存储不重复的值 集合以[值,值]的形式存储元素,字典和散列表以[键,值]的形式...

网友评论

    本文标题:值列表

    本文链接:https://www.haomeiwen.com/subject/zhzzaxtx.html