计数器(项目)作为nth-child css的变量

Jan*_*Jan 5 css css3

是否可以使用某种变量为纯粹在CSS中的nth-child应用规则?基本上我要做的是根据元素在元素中的位置来改变未指定数量的元素的值.有没有办法使用例如反增量或该基础上的某些东西作为子元素的变量和元素中某些属性的值?

这些行中的某些东西(不起作用):

.slider{
    counter-reset:item;
}
.slide{
    counter-increment:item;
    color:red;
}
.slide:nth-child(counter(item)){
    line-height:counter(item);
    color:blue;
}
Run Code Online (Sandbox Code Playgroud)

小智 0

我认为您不需要使用 .slide:nth-child 传递参数,而不是使用“counter-increment”来初始化计数器或重置它。您可以参考“ http://www.w3schools.com/cssref/pr_gen_counter-increment.asp