javascript - CSS :not() selector with selector list incoming

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"])

或其他东西，它比工作的更短，更容易编辑，而且不那么重复......

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

有没有人想做空那个？？？

Answer 1

通常，我的 CSS 看起来越来越具体。一个非常通用的规则设置了大量默认值，然后一些积极匹配您给我们的规则之一的东西会用其他东西覆盖该样式。

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

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

我认为你最好在你的元素中添加更多易于选择的类，即任何添加 lolwtf-dashboard 类的东西也应该添加一个 dashboard很容易通过 CSS 选择的类。