次のように、複数の 3 項目リストを含むリストを解析する必要があります。
$myList (item1, "something", true),
(item2, "something", false),
(item3, "something", true);
これらのリストのいずれかの 3 番目の項目のいずれかが等しいかどうかを調べますtrue
。この例では、1 番目と 3 番目のリストで、3 番目の項目はtrue
です。さらに、それを検出してレンダリングする必要があります。これの 1 つのインスタンスについては、それに基づいて CSS をレンダリングします。
@each
control ディレクティブはこれを解析できますが、これを使用する際の問題は、リスト項目が true である場合ごとに CSS をレンダリングすることです。
@each $item in $myList {
@if nth($item, 3) {
[class*="item"] {
float: left;
}
}
}
1 番目と 2 番目の項目が に設定されているtrue
場合、上記は次のようにレンダリングされます。
[class*="item"] {
float: left;
}
[class*="item"] {
float: left;
}
誰にもアイデアはありますか?