Javascript 带有类选择器的自定义变量,用于在运行时更改第n个值

Javascript 带有类选择器的自定义变量,用于在运行时更改第n个值,javascript,css,Javascript,Css,我们可以使用全局变量,传递整数值:root{--nthVal:1;} div:nth-of-type(1) { ... } ==> div:nth-of-type(var(--nthVal)) { ... } 将值从js传递到--nthVal document.documentElement.style.setProperty('--nthVal', 1); 自定义变量正在更新值,但所需的结果不会出现。您不能在其中使用自定义属性我认为您无法修改这样的样式表,但是如果你使用javascr

我们可以使用全局变量,传递整数值
:root{--nthVal:1;}

div:nth-of-type(1) { ... } ==> div:nth-of-type(var(--nthVal)) { ... }
将值从js传递到
--nthVal

document.documentElement.style.setProperty('--nthVal', 1);

自定义变量正在更新值,但所需的结果不会出现。

您不能在其中使用自定义属性我认为您无法修改这样的样式表,但是如果你使用javascript,为什么不使用js在元素上放置适当的样式呢?你不能使用自定义属性,我认为你不能修改这样的样式表,但是如果你使用javascript,为什么不使用js在元素上放置适当的样式呢?