0

次のように、複数の 3 項目リストを含むリストを解析する必要があります。

$myList (item1, "something", true),
        (item2, "something", false),
        (item3, "something", true);

これらのリストのいずれかの 3 番目の項目のいずれかが等しいかどうかを調べますtrue。この例では、1 番目と 3 番目のリストで、3 番目の項目はtrueです。さらに、それを検出してレンダリングする必要があります。これの 1 つのインスタンスについては、それに基づいて CSS をレンダリングします。

@eachcontrol ディレクティブはこれを解析できますが、これを使用する際の問題は、リスト項目が 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;
}

誰にもアイデアはありますか?

4

1 に答える 1