length()函数,Sass进阶篇教程

  length() 函数主要用来前去一个列表中有几个值,复杂点说就是前去列表清单中有若干个值:

  length() 函数中的列表参数之间应用空格隔开,不能应用逗号,否则函数将会掉足:

  语法:

  nth() 函数用来指定列表中某个位置的值。不外在 Sass 中,nth() 函数和其他言语分歧,1 是指列表中的第一个标签值,2 是指列给中的第二个标签值,依此类推。如:

  注:在 nth($list,$n) 函数中的 $n 必须是大年夜于 0 的整数:

  join() 函数是将两个列表连接吞并成一个列表。

  不外 join() 只能将两个列表连接成一个列表,假设直接连接两个以上的列表将会报错:

  但很多时分不只碰着两个列表连接成一个列表,这个时分就需求将多个 join() 函数吞并在一同应用:

  在 join() 函数中还有一个很特其余参数 $separator,这个参数主如果用来给列表函数连接列表值是,应用的分隔符号,默许值为 auto。

  join() 函数中 $separator 除默许值 auto 以外,还有 comma 和 space 两个值,个中 comma 值指定列表中的列表项值之间应用逗号(,)分隔,space 值指定列表中的列表项值之间应用空格( )分隔。

  在 join() 函数中除非明确指定了 $separator值,否则将会有多种情况爆发:

  假设列表中的第一个列表中每个值之间应用的是逗号(,),那么 join() 函数吞并的列表中每个列表项之间应用逗号,分隔:

  但当第一个列表中只要一个列表项,那么 join() 函数吞并的列表项目中每个列表项目这间应用的分隔符号会依据第二个列表项中应用的,假设第二列表项中应用是,分隔,则应用逗号分隔;假设第二列项之间应用的空格符,则应用空格分隔:

  假设列表中的第一个列表中每个值之间应用的是空格,那么 join() 函数吞并的列表中每个列表项之间应用空格分隔:

  假设当两个列表中的列表项小于1时,将会以空格分隔:

  如此一来,会有多种情况爆发,形成应用凌乱的情况,假设你没法记得,甚么时分会是用逗号分隔吞并的列表项,甚么时分是应用空格分隔吞并 的列表项,在些建议大年夜家应用 join() 函数吞并列表项的时分就明确指定 $separator 参数,用来指定吞并的列表中应用甚么方法来分隔列表项:

  append() 函数是用来将某个值拔出到列表中,而且处于最末位。

  假设没有明确的指定 $separator 参数值,其默许值是 auto。

  固然,在 append() 函数中,可以显示的设置 $separator 参数,

  zip()函数将多个列表值转成一个多维的列表:

  在应用zip()函数时,每个单一的列表个数值必须是相反的: