Si uso etiquetas HTML dentro de un archivo javascript, ¿cómo puedo seleccionarlas y usarlas en un archivo css?
por ejemplo: javascript: <li id="id"> name </li>
¿Cómo puedo seleccionar y usar id en la hoja de estilo?
Lo probé de esta manera pero no funcionó #id li {fondo: rojo;}
o puede usar el JS y también agregar estilo al Elemento.
document.getElementById(id).style.property = new style
Agregar estilo en línea usando Javascript
O necesita cargar el script antes que el style .
Si asigna una identificación a cualquier etiqueta o elemento, no necesita usar el nombre del elemento o etiqueta para darle estilo. Utilice directamente la identificación. por #id li { background: red; } significa que dentro del elemento (que tiene id) busca otro elemento li. Probar
#id { background: red; }Evitaría usar identificadores ya que tienen que ser únicos (no más de uno por página). Si tiene que apuntar a elementos de lista específicos, use atributos de datos .
ul li[data-type="name"] { color: red; } <ul> <li data-type="name">Bobby</li> <li data-type="age">26</li> </ul