如何根据布尔值在Rails中创建动态CSS？

我正在创建一个“待办网站”。用户可以登录并生成任务。每个任务都有两个复选框“紧急”和“重要”，都是与任务模型相关的布尔值。一切都很好，但我想根据选中的复选框更改任务的背景色。因此，总共应该有4种可能性/背景颜色样式：

• 任务（重要：正确，紧急：正确）-背景色：红色
• 任务（重要：真，紧急：假）-背景色：蓝色
• 任务（重要：假，紧急：真）-背景色：绿色
• 任务（重要：错误，紧急：错误）-背景颜色：灰色

问题：

如何根据任务的紧急和重要布尔值实现4种不同的背景颜色样式？

在您看来：

<% if task.important and task.urgent %>
  <div class="background-color-red">
    ...
  </div>
<% elsif task.important and !task.urgent %>
  <div class="background-color-blue">
    ...
  </div>
<% elsif !task.important and task.urgent %>
  <div class="background-color-green">
    ...
  </div>
<% elsif !task.important and !task.urgent %>
  <div class="background-color-grey">
    ...
  </div>
<%end%>

...
...
...
...

然后，您可以使用上面的

类定义css文件中的
背景色