是否可以在css类选择器中使用索引号？

Question

我知道这可能听起来很疯狂但是对于一个小的CSS实验我最终不得不匹配很多选择器，我不知道可能有多少。

我制作了一个codepen（基于列表中的文章）

https://codepen.io/KADlancer/pen/gvEppr

即使我可以使SASS构建我需要的所有组合，但我不想最终必须在我的prod css文件中包含所有组合。

.state-1:checked ~ .panels .panel-1,
.state-2:checked ~ .panels .panel-2,
.state-3:checked ~ .panels .panel-3 {
    display: block;
}

这可能是3-10也许但在那之后......它变得疯狂。我很想建立这样的东西。

.state-[magicIndex]:checked ~ .panels .panel-[magicIndex] {
    display: block;
}