本文介紹了使用第 n 個子值作為 SASS 變量的處理方法，對大家解決問題具有一定的參考價值，需要的朋友們下面隨著小編來一起學習吧！
問題描述
有沒有辦法將 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});
}
推薦答案
我不認為有辦法做到這一點.但是你可以使用 @for 指令來循環已知數量的元素:
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);
}
}
這篇關于使用第 n 個子值作為 SASS 變量的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網！
【網站聲明】本站部分內容來源于互聯網,旨在幫助大家更快的解決問題，如果有圖片或者內容侵犯了您的權益，請聯系我們刪除處理，感謝您的支持！