Javascript css:not（）选择器，带有传入的选择器列表

我有许多css选择器和许多选择器异常，所以我使用：not to leave它们out

示例（只是一些我不需要的选择器）：

但我更喜欢的是：

([class*="-dashboard-"],[class*="-dashboard "],[class$="-dashboard"]):not([class*="-binding-"],[class*="-binding "],[class$="-binding"])

或者其他一些东西，它比工作的短，更容易编辑，也不那么重复

我的问题是，我在大列表中有那个选择器。用户可以添加/删除列表，因此我必须动态更改选择器和异常

---

有人有想法缩短这个吗？

通常，我的CSS看起来越来越特殊。一个非常通用的规则设置了很多默认值，然后一些与您提供的规则中的一个正匹配的东西会用其他东西覆盖该样式

例如，您可以为使元素不可见的以“-binding”结尾的任何内容设置更高优先级的规则，或者为它们设置任何您想要的规则。简单来说，要计算CSS规则的优先级：

• 为每个ID选择器添加100
• 为每个类选择器添加10
• 为每个选择器添加1

---

我认为在元素中添加更多易于选择的类会更好，即添加

lolwtf dashboard

类的任何东西都应该添加易于CSS选择的

dashboard

类。

为什么选择器的使用如此复杂，浏览器在呈现这个复杂的CSS代码时会死机。您能显示一个HTML片段来精确演示您要选择的元素吗？如果没有这些，就很难尝试和猜测。而且可能有点容易出错。如果您需要那么复杂的选择器来执行某些操作，那么您的HTML肯定是不好的。如果出于任何原因，您确实需要这样做，我将研究sass或其他预处理器，以生成完整列表，而不使用正则表达式选择，这可能会非常缓慢地呈现

([class*="-dashboard-"],[class*="-dashboard "],[class$="-dashboard"]):not([class*="-binding-"],[class*="-binding "],[class$="-binding"])