如何根据值更改css样式

Question

我有一个布尔数组,我在剃刀foreach循环中显示.在循环中,我在数组中显示不同的值.是否有可能根据显示的值更改css？

例如

if (@status == true) THEN color = green; if (@status == false) THEN color = red.

Answer 1

如果我正确理解了您的问题,您可以向HTML元素添加数据属性并将值(例如使用Javascript)更改为/来自"true/false",并在CSS中使用它,如下所示:

<element data-status="true">Content</element>
<element data-status="false">Content</element>

[data-status="true"] {
    color: green;
}
[data-status="false"] {
    color: red;
}