如何用纯css3实现条件判断

Question

前端的大佬们，有个需求，需要使用纯css实现：
列表页，有个状态，值是正常、关闭，如何用css实现通过状态值来显示不同的颜色。

Answer 1

旁边放一个 checkbox ，使用 css 选择器根据 checkbox 的 checked 状态，设置不同的样式，具体代码实现、思路可以见 「纯 CSS 实现折叠」

Answer 2

checkbox 的 :checked 和 details 的 [open]。

我以前录过一个教程 写 CSS 也要开脑洞：万能的 :checked + label，有空可以看下。