html - 如何根据值更改CSS样式

Question

我有一个 bool 数组，我在 razor foreach 循环中显示它。在循环中，我显示数组中的不同值。是否有可能，如果可以，如何根据它显示的值更改 css？

例如

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

Answer 1

如果我正确理解您的问题，您可以向 HTML 元素添加数据属性并将值(例如使用 Javascript)更改为“true/false”或从“true/false”更改为“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;
}