Oblikovanje vrednosti seznama

Tole bi se moralo nekak dat naredit, ampak me rešitev nekako ne najde.
Imam tole:

<ul class="list">
<li>
1
</li>
<li>
2
</li>
</ul>

Rad bi imel vrednost 1 v background red, in vrednost 2 v background blue.
Za script rešitve vem. Rad bi pure css.
ps
Listu ne morem dodat class, ker je dinamično generiran.

15 odgovorov

Adjacent in nth ne pridejo v poštev.
Hec je, da imam večinoma le en li in v njem lahko različne vrednosti od 1 do 5. Oblikovat pa moram vrednosti.

Potem pa ne bo variante, obstajal je sicer enkrat en predlog za :contains() selektor za CSS3, pa ga potem niso dal noter, po vsej verjetnosti zato, ker bi bil obupno pozresen.

Osebno bi za tele spagete se vedno raje uporabil JS, kot pa caral z data-value atributi in se potem cez pet let spraseval, cemu so namenjeni.

1

Ha, sem vedu, da sem že nekje videl tole. :contains bi bila prava zadeva.
Če bi imel kaj več kot številko so tudi [att*=val] selektorji zanimivi.

Kaj pa tole:

https://css-tricks.com/how-nth-child-works/