html - Razor - 从数组中应用随机 CSS 类

Question

我到处都在寻找这个问题的答案，但无济于事。如果已经在其他地方回答了，那么我很抱歉。

这是我当前的代码:

    @{
      foreach (var item in Model.Activities)
      {
          <div class="col-md-4 col-lg-4 col-sm-6 col-xs-12 over-f-hidden">
              <div class="block-main">
                  <div class="block-inner green">
                      <br />
                      <h5>@item.ActivityName</h5>
                      <h4><span><a href="@Url.Action("ScanRequest","Home",new { id = item.id })" style="text-decoration: none">SELECT THIS ACTIVITY</a></span></h4>
                      <br />
                  </div>
              </div>
          </div>
      }
  }

此外，我还有三个 CSS 类:

.red
.green
.yellow

在我的代码中，对于 class="block-inner green"，我想用我的三个类列表中随机选择的类替换“green”。重复就好。

在我的 View 主体的其他地方，我添加了这个:

    @{ 
        string[] color = { "red", "yellow", "green" };
    }

但我不知道如何使用 Razor 调用该数组的随机成员作为 div 的类。

有没有一种方法可以严格地在 View 中完成此操作？

提前感谢您提供的任何帮助。

Answer 1

 @{ 
   string[] color = { "red", "yellow", "green" };
   Random  RD=new Random();
  }
 @foreach (var item in Model.Activities)
  { 
   <div class="block-inner @(color[RD.next(0,2)])">...</div>
  }