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”替换为从我的三个类列表中随机选择的类。重复就好了。

在我的视图正文的其他地方，我添加了以下内容：

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

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

有没有办法在视图中严格地完成这个？

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

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>
  }