Tengo algo que selecciona un número de línea en una lista y tengo números de línea hechos usando una lista ordenada. Cuando tengo un número de línea seleccionado, quiero que el indicador de número de línea para esa línea específica cambie de color. ¿Cómo hago esto?
Sé que puede diseñarlo en CSS haciendo li::marker
, pero ¿cómo cambiaría los marcadores de elementos de lista individuales en javascript?
https://replit.com/@KittyCraft0/3D-modeling-software-10#ObjSettings/SelPoint.js:67:29
Puede agregar una clase para enumerar los elementos que desea resaltar.
document.querySelector('ol').children[1].classList.add('highlight');
li.highlight::marker { color: red; }
<ol> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ol>
La :nth-child()
se puede usar si los elementos se conocen de antemano.
li:nth-child(2)::marker { color: red; }
<ol> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ol>