Witajcie po długiej przerwie - tyle sobie dawałem radę aż tu trafiłem na zagwostkę... Czy daj się w jednym wpisie nth-of-type zrobic tak, zeby kazdy kolejny typ byl np... ciemniejszy od poprzedniego? na zasadzie:

[HTML] pobierz, plaintext 
tr:nth-of-type(n) {background-color: rgba(0, 0, 0, .i tu n+ poprzednie n)}
[HTML] pobierz, plaintext 

o cos takiego

CSS-em tego nie zrobisz "automatycznie" - musisz to zapisać jawnie: pierwszy element, to tyle procent, drugi tyle, itd.; ale SCSS-em z pętlą już tak. Zapoznaj się z Gulpem lub Webpackiem.

Możesz też kombinować tak:

[HTML] pobierz, plaintext 
<div style="--max:5;">
<div style="--a:0;"></div>
<div style="--a:1;"></div>
<div style="--a:2;"></div>
<div style="--a:3;"></div>
<div style="--a:4;"></div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
div div{
  width:100px;
  height:100px;
  background:rgba(0,0,0,calc(1 / (var(--max) - var(--a))));
}
[HTML] pobierz, plaintext