sass學(xué)習(xí)8——內(nèi)置函數(shù)2

列表函數(shù):
  • length($list): 返回一個(gè)列表的長(zhǎng)度;
  • nth(list,n):返回一個(gè)列表中指定的某個(gè)標(biāo)簽值纱耻;nth()函數(shù)和其他語言不同芭梯,1是指列表中的第一個(gè)便簽值,2是指列表中第二個(gè)標(biāo)簽值弄喘,依此類推玖喘;$n必須是大于0的整數(shù)。
  • join(list1,list2,[separator]):將兩個(gè)列連接在一起蘑志,成為一個(gè)列表累奈;join只能連接兩個(gè)列表贬派;$separator參數(shù)用來指定列表使用什么方式倆分隔各項(xiàng),comma(逗號(hào))或space(空格)澎媒;
  • append(list1,val,[$separator]):將某個(gè)值放在列表的最后搞乏;
  • zip($lists…):將幾個(gè)列表結(jié)合成一個(gè)多維列表;
  • index(list,value) :返回一個(gè)值在列表中的位置戒努。

length() 函數(shù):

.test1 {
    content1: length(1px);
    content2: length(1px 2px);
    content3: length(10px 20px (border 1px solid) 2em);
}

生成為:

.test1 {
  content1: 1;
  content2: 2;
  content3: 4; }

nth() 函數(shù):

.test2 {
    content1: nth(10px 20px 30px, 1);
    content2: nth((Helvetica, Arial, sans-serif), 2);
    content3: nth((1px solid red) border-top green, 1);
}

生成為:

.test2 {
  content1: 10px;
  content2: Arial;
  content3: 1px solid red; }

join() 函數(shù):

.test3 {
    content1: join(10px 20px, 30px 40px);
    content2: join((blue, red), (#abc, #def));
 content3: join((blue, red), (#abc, #def), space);
}

轉(zhuǎn)換為:

.test3 {
  content1: 10px 20px 30px 40px;
  content2: blue, red, #abc, #def;
  content3: blue red #abc #def; } 

append()函數(shù):

.test4 {
    content1: append(10px 20px, 30px);
    content2: append((10px, 20px), 30px);
    content3: append(green, red);
    content4: append(red, (green, blue));
}

生成為:

.test4 {
  content1: 10px 20px 30px;
  content2: 10px, 20px, 30px;
  content3: green red;
  content4: red green, blue; }

zip()函數(shù):

.test5 {
    content1: zip(1px 2px 3px, solid dashed dotted, green blue red);
}

生成為:

.test5 {
  content1: 1px solid green, 2px dashed blue, 3px dotted red; }

注意啦:使用zip時(shí)请敦,每個(gè)單元的列表個(gè)數(shù)值必須相同,否則將會(huì)出錯(cuò)柏卤。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末冬三,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子缘缚,更是在濱河造成了極大的恐慌勾笆,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,525評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件桥滨,死亡現(xiàn)場(chǎng)離奇詭異窝爪,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)齐媒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,203評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門蒲每,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人喻括,你說我怎么就攤上這事邀杏。” “怎么了唬血?”我有些...
    開封第一講書人閱讀 164,862評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵望蜡,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我拷恨,道長(zhǎng)脖律,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,728評(píng)論 1 294
  • 正文 為了忘掉前任腕侄,我火速辦了婚禮小泉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘冕杠。我一直安慰自己微姊,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,743評(píng)論 6 392
  • 文/花漫 我一把揭開白布拌汇。 她就那樣靜靜地躺著柒桑,像睡著了一般。 火紅的嫁衣襯著肌膚如雪噪舀。 梳的紋絲不亂的頭發(fā)上魁淳,一...
    開封第一講書人閱讀 51,590評(píng)論 1 305
  • 那天飘诗,我揣著相機(jī)與錄音,去河邊找鬼界逛。 笑死昆稿,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的息拜。 我是一名探鬼主播溉潭,決...
    沈念sama閱讀 40,330評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼少欺!你這毒婦竟也來了喳瓣?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,244評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤赞别,失蹤者是張志新(化名)和其女友劉穎畏陕,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體仿滔,經(jīng)...
    沈念sama閱讀 45,693評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡惠毁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,885評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了崎页。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鞠绰。...
    茶點(diǎn)故事閱讀 40,001評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖飒焦,靈堂內(nèi)的尸體忽然破棺而出蜈膨,到底是詐尸還是另有隱情,我是刑警寧澤牺荠,帶...
    沈念sama閱讀 35,723評(píng)論 5 346
  • 正文 年R本政府宣布丈挟,位于F島的核電站,受9級(jí)特大地震影響志电,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蛔趴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,343評(píng)論 3 330
  • 文/蒙蒙 一挑辆、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧孝情,春花似錦鱼蝉、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,919評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至羔挡,卻和暖如春洁奈,著一層夾襖步出監(jiān)牢的瞬間间唉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,042評(píng)論 1 270
  • 我被黑心中介騙來泰國打工利术, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留呈野,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,191評(píng)論 3 370
  • 正文 我出身青樓印叁,卻偏偏與公主長(zhǎng)得像被冒,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子轮蜕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,955評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • [1] 四昨悼、Sass的控制命令 [2] 4.1 @if @if是一個(gè)SassScript,它可以根據(jù)條件來處理樣式...
    沒汁帥閱讀 1,789評(píng)論 0 2
  • -------------------------一跃洛、控制指令--------------------------...
    夜幕小草閱讀 3,152評(píng)論 0 5
  • 基礎(chǔ) 聲明變量 普通變量 默認(rèn)變量 變量覆蓋:只需要在默認(rèn)變量之前重新聲明下變量即可 變量的調(diào)用 局部變量和全局變...
    Jill1231閱讀 1,284評(píng)論 0 1
  • 圖紙深化率触、回審似乎是進(jìn)度與施工效率的雙面刀。放權(quán)與用人的度
    竹齡枱_IV閱讀 145評(píng)論 0 0
  • 2018年9月9日星期日天氣晴 早上醒來拿起手機(jī)習(xí)慣性地看家校合育群及女兒的班級(jí)群税课,突然看到女兒特長(zhǎng)班拉丁舞外教老...
    力奇閱讀 438評(píng)論 2 6