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

【问题标题】：How to check if class exist using only css如何仅使用 css 检查类是否存在
【发布时间】：2018-05-09 19:49:55
【问题描述】：

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

例子：

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

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

【问题讨论】：

【解决方案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>

【讨论】：