Html 是否可以基于属性范围使用CSS选择器？

假设如下：

<div data-id = '1'></div>
<div data-id = '3'></div>
<div data-id = '5'></div>
<div data-id = '7'></div>
<div data-id = '11'></div>

是否可以根据范围使用不同的背景颜色：

例如：

<style>
  div[data-id>0:data-id<5] {background: black}
    div[data-id>4:data-id<10] {background: grey}
     div[data-id>10] {background: white}
</style>

div[data id>0:data-id4:data-id10]{背景：白色}

---

显然是我编的语法，但我认为它表明了我要做什么。这仅在CSS中可能吗？

遗憾的是，不可能，CSS不会评估事物（大多数情况下，有一些警告，但选择器非常硬）。您可以以十为单位计数，例如

[data id^=1]

可以计数1、10-19、100-199、1000-1999等。。。不确定这是否有用。这类似于，您可以在其中修改以匹配数据属性