有没有办法根据nth-child变量增加CSS值？

Question

这可能是一个很长的镜头但是，在这里：

我有这个：

<style>
    .select-option.hidden:nth-child(2) {
        top: 65px;
    }
    .select-option.hidden:nth-child(3) {
        top: 100px;
    }
    .select-option.hidden:nth-child(4) {
        top: 135px;
    }
    .select-option.hidden:nth-child(5) {
        top: 170px;
    }
    .select-option.hidden:nth-child(6) {
        top: 205px;
    }
</style>

我想要这样的事情：

.select-option.hidden:nth-child(n+2) {
    top: (30+((n-1)*35))px;
}

从第二个孩子和offset = 30px开始，并为每个孩子添加35px。

我不想使用SASS或其他令人毛骨悚然的东西。

Answer 1

简单的答案，鉴于你提供的限制（没有SASS或其他令人毛骨悚然的东西），不是，用CSS不可能。