Ist es möglich, CSS-Variablen in CSS3-Selektoren zu verwenden?
Ich versuche, einige Experimente mit CSS-Versionen durchzuführen, aber ich konnte dies nicht zum Laufen bringen oder keine Dokumentation dazu finden. Weiß jemand, ob es möglich ist, eine CSS-Variable in einem CSS3-Selektor zu verwenden?
Ich habe das folgende Beispiel gemacht, um zu erklären, was ich zu tun versuche.Dieses Beispiel bezieht sich nur auf Chrome.
JSFIDDLECSS:root {
-webkit-var-count: 5; /* define my var! */
}
li {
width:100px;
height:100px;
background-color:blue;
display:inline-block;
list-style:none;
}
ul li:nth-child(4) {
background-color:red;
}
ul li:nth-child(-webkit-var(count)) { /* I can't get this working, is it even supported? I'm trying to target the 5th element with my var. */
background-color:black;
}
HTML<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>