本文介紹了使用第 n 個(gè)子值作為 SASS 變量的處理方法，對(duì)大家解決問(wèn)題具有一定的參考價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧！
問(wèn)題描述
有沒(méi)有辦法將 nth-child 值用作 SASS 變量?
Is there any way to use the nth-child value as a SASS variable ?
使用示例:
div:nth-child(n) {
content: '#{$n}'
}
div:nth-child(n) {
background: rgb(#{$n}, #{$n}, #{$n});
}
推薦答案
我不認(rèn)為有辦法做到這一點(diǎn).但是你可以使用 @for 指令來(lái)循環(huán)已知數(shù)量的元素:
I don't think there's a way to do exactly that. But you can use @for directive to loop through a known number of elements:
$elements: 15;
@for $i from 0 to $elements {
div:nth-child(#{$i + 1}) {
background: rgb($i, $i, $i);
}
}
這篇關(guān)于使用第 n 個(gè)子值作為 SASS 變量的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！
【網(wǎng)站聲明】本站部分內(nèi)容來(lái)源于互聯(lián)網(wǎng),旨在幫助大家更快的解決問(wèn)題，如果有圖片或者內(nèi)容侵犯了您的權(quán)益，請(qǐng)聯(lián)系我們刪除處理，感謝您的支持！