CSS-Stylesheet-Fehler - DOMException konnte keine Regel auf css.stylesheet einfügen

Question

Ich habe diesen verrückten Fehler auf meinem CSS-Stylesheet - über alle Browser getestet und funktioniert nicht. Hier ist der Fehler:

VM2952 LiveUpdateTools.js:688 Uncaught DOMException: Failed to execute 'insertRule' on 'CSSStyleSheet': Failed to parse the rule '.about #2015-marker-label { top: calc(86vh - 6px); }'. 
at Object.insertRule (http://127.0.0.1:59944/static/files/LiveUpdateTools.js:688:12) 
at http://127.0.0.1:59944/static/files/deviceClientScript.js:390:23 

Und herer der CSS-Stylesheet:

.about .marker-text { 
    left: calc(50% + 28px); 
    position: absolute; 
    color: black; 
    font-family: Lato; 
    font-size: 12px; 
    font-weight: 400; 
    letter-spacing: 0.5px; 
} 

.about #2000-marker-label { 
    top: calc(12vh - 6px); 
} 

.about #2005-marker-label { 
    top: calc(32vh - 6px); 
} 

.about #2010-marker-label { 
    top: calc(52vh - 6px); 
} 

.about #2015-marker-label { 
    top: calc(86vh - 6px); 
} 

und schließlich der HTML-Markup:

<label id="2000-marker-label" class="marker-text">2000</label> 
<label id="2005-marker-label" class="marker-text">2005</label> 
<label id="2010-marker-label" class="marker-text">2010</label> 
<label id="2015-marker-label" class="marker-text">2015</label> 

Theres eine Klasse auf dem Körperelement "über" genannt, daher die .about auf allen Stylesheet Selektoren. Die oberste Eigenschaft wird nicht gesetzt, was vermutlich auf den Fehler zurückzuführen ist. Es ist nicht so, als würde ich irgendetwas Verrücktes hier machen, ich habe den Fehler gegoogelt und zwei veraltete Ergebnisse bekommen, die besagen, dass es ein Problem in Chrome ist. Jedenfalls danke für jede Hilfe, die Sie mir geben können, ich schätze es.

Answer 1

Fehler behoben - Kennungen konnten nicht mit Zahlen beginnen! Bizarre ...