是否可以根据属性范围设置CSS选择器？

Question

假设如下：

<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>

显然我编写了语法，但我认为它表明了我想要做的事情。这在CSS中是否可行？