https://blog.namtok-it.com/tags/scss/ Recent content in Scss on Namtok blog Hugo -- gohugo.io en © 2025 Sun, 14 Mar 2021 00:00:00 +0000 https://blog.namtok-it.com/posts/scss_each_with_index/ Sun, 14 Mar 2021 00:00:00 +0000 https://blog.namtok-it.com/posts/scss_each_with_index/ <ol> <li><a href="#1">@each の代わりに配列と@for を使う</a> <!-- 1. [補足](#2) --> <!-- 1. [](#3) --> <!-- 1. [](#4) --> </li> </ol> <h3 class="relative group">@each の代わりに配列と@for を使う<a name="1"></a> <div id="each-の代わりに配列とfor-を使う" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#each-%e3%81%ae%e4%bb%a3%e3%82%8f%e3%82%8a%e3%81%ab%e9%85%8d%e5%88%97%e3%81%a8for-%e3%82%92%e4%bd%bf%e3%81%86" aria-label="Anchor">#</a> </span> </h3> <p>やりたいこととしては、@each の中で現在の要素が何番目を取得することです。<br> 調べた限りだと@each 内で現在の要素の添字を取得することはできなさそうでしたが、<a href="https://stackoverflow.com/questions/15146706/each-loop-with-index" target="_blank">stackoverflow</a>に実現方法が載っていました。</p>