计数器(项)作为第n个子css的变量

计数器(项)作为第n个子css的变量,css,Css,是否可以在CSS中使用某种变量为第n个子元素应用规则?基本上,我试图做的是根据元素中元素的位置更改未指定数量的元素的值。是否有一种方法可以使用计数器增量或该基数上的某个值作为元素中某个属性的子位置和值的变量 这些行中的某些行(不起作用): 我不认为您需要使用.slide:n子级传递参数,而不是使用“计数器增量”初始化计数器或重置它。 基本上,您可以引用“”,不,您不能。根据您的实际需求,可能会有一个或多个第n个子声明满足您的需要。您将无法使用普通CSS计数器,因为它们只能与内容属性一起使用。考虑

是否可以在CSS中使用某种变量为第n个子元素应用规则?基本上,我试图做的是根据元素中元素的位置更改未指定数量的元素的值。是否有一种方法可以使用计数器增量或该基数上的某个值作为元素中某个属性的子位置和值的变量

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


我不认为您需要使用.slide:n子级传递参数,而不是使用“计数器增量”初始化计数器或重置它。
基本上,您可以引用“”

,不,您不能。根据您的实际需求,可能会有一个或多个第n个子声明满足您的需要。您将无法使用普通CSS计数器,因为它们只能与
内容
属性一起使用。考虑到计数器取决于页面上的元素数量而不是样式表中的元素数量,我不知道这在Sass或更少的情况下是否可行。我将使用它来操纵转换延迟(因此元素在稍微不同的时间滑入)。只是想知道是否有可能简化代码。我想我不需要超过10个声明,但如果有办法简化代码,那就太好了。@Jan你找到解决方法了吗?“拥有它会非常酷。”MichaelWorthers好吧,我最终得到了更多的类和声明。这似乎是不可能的。但那会很酷。。。
.slider{
    counter-reset:item;
}
.slide{
    counter-increment:item;
    color:red;
}
.slide:nth-child(counter(item)){
    line-height:counter(item);
    color:blue;
}