css - 使用CSS选择dom元素选择包含大于X的数字的类名

Question

我正在研究 css 属性选择器来尝试解决我的一个问题：

https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors

我有一堆 dom 元素，它们都根据它们在 json 层次结构中的深度进行分类（即使它们没有嵌套在 DOM 中）。所以 dom 可能看起来像这样：

<g class="node0">
<g class="node2">
<g class="node2">
<g class="node1">
<g class="node3">

我想编写一个选择器，它以具有 node2 或更高级别的 g 节点为目标。有没有办法用纯css做到这一点？

Answer 1

[class^=node]:not(.node0):not(.node1) {
   // styles here
}

小提琴