css :not()选择器和选择器列表传入

Question

我有许多css选择器和许多选择器异常，所以我使用:不排除它们.

示例(只是一些我不需要的选择器)：

[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类)，您会做得很好。