пользовательская переменная с селектором класса для изменения n-го значения во время выполнения

Question

Можем ли мы использовать глобальную переменную, передав целочисленное значение :root{--nthVal: 1;}

div:nth-of-type(1) { ... } ==> div:nth-of-type(var(--nthVal)) { ... }

передавая значение --nthVal из js.

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

пользовательская переменная обновляется ценность, но желание результата не наступает.