css - 如何仅使用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>