带有选择器列表的css：not（）选择器

Question

我有很多CSS选择器和许多选择器异常，所以我使用：not可以将它们排除在外...

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

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

但是我宁愿选择的是：

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

或其他一些东西，它比工作中的那个更短，并且更容易编辑，并且没有那么重复...

我的问题是我的选择器很大。 允许用户添加/删除列表，因此我必须动态更改选择器和异常。

有人有做空的想法吗？？？

Answer 1

通常，我的CSS外观具有越来越高的特异性。 一个非常通用的规则会设置很多默认值，然后某些与您给我们提供的规则中的一个肯定匹配的规则会以其他方式覆盖该样式。

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

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

我认为您可以通过在元素中轻松选择更多类来做得很好，例如，添加lolwtf-dashboard类的任何内容也应该添加易于CSS选择的dashboard类。