css :not() 带有选择器列表传入的选择器

css :not() selector with selector list incoming

我有许多 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"])

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

我的问题是我在大列表中有那个选择器。允许用户 add/remove 列表,因此我必须动态更改选择器和例外。

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

通常,我的 CSS 看起来越来越具体。一个非常通用的规则设置了很多默认值,然后 肯定 匹配您给我们的其中一个规则的东西会用其他东西覆盖该样式。

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

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

我认为你最好在你的元素中添加更多易于选择的 class 元素,即任何添加 lolwtf-dashboard class 的元素也应该添加 dashboard class 很容易 CSS-选择。