構造は同じで値が違うCSSクラスをたくさん用意しなくてはいけないケースにおいて、手動で一つずつコピペして記述しているとミスが起こりやすく管理も煩雑になってしまいます。こんなときはSassを使って色やその他の設定を一ヶ所にまとめてしまいたくなります。なりませんかそうですか。 Sassのコレクションを使う Sassで配列を使う場合は()を使って下記のように記述します。 $color-list: (#000, #333, #666, #999, #ccc); これをプログラミング言語のように $color-list[0] などとやりたいところですが、これだとエラーになってしまいます。 nth関数を使う nth関数というlistにアクセスするための関数が用意されていますので、こちらを利用します。 nth($color-list, 1); これで#000が取得できます。インデックスは1番目からです。
