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

时间:2014-07-14 10:55:36

标签: 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;
}

1 个答案:

答案 0 :(得分:0)

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