如何仅使用 css 检查类是否存在

Question

如果我的 dom 上的另一个标签缺少类，我需要更改 html 上的标签，我需要在不使用 JS 或 Jquery 的情况下检查它，我可以这样做吗？

例子：

<a class="collapsed">MY TEXT HERE IS RED</a>

单击此标签后，类 - > 折叠消失，我需要将文本更改为绿色。我的代码中唯一的变化是折叠消失了，所以根据我需要更改文本颜色，我需要 css 中的 hasClass 函数...

Answer 1

为什么不简单地使用:not()这样的选择器：

a:not(.collapsed) {
  color: green;
}

a.other {
  color:red;
}

<a class="collapsed">MY TEXT HERE IS RED</a>
<a>MY TEXT HERE IS green</a>
<a class="other">MY TEXT HERE IS RED</a>