Estoy trabajando en una sección de editor de CSS para mi página, tengo que agregar un editor de CSS avanzado. Este editor debería aplicar cambios al CSS del sitio usando código CSS a través de un área de texto, por ejemplo

#para1 {
  text-align: center;
  color: red;
}

¿Cómo puedo editar este estilo CSS para "para1"?

NOTA: PARA1 es solo un ejemplo; en realidad, lo que quiero es que pueda identificar cualquier ID que ingrese.

-1
André Cuellar Avaroma 11 may. 2021 a las 16:33

3 respuestas

La mejor respuesta

Pruebe esto si usa una clase :

$(".para1, .para2").css({"text-align": "left", "color": "blue"});

Pruebe esto si usa un id :

$("#para1, #para2").css({"text-align": "left", "color": "blue"});
0
R. B. 11 may. 2021 a las 13:41

Si está usando JavaScript vainilla y lo entendí correctamente, esto es lo que necesita:

var para1 = document.getElementById("para1");
para1.style.color = "red";
para1.style.textAlign = "center";
<p id="para1">Paragraph</p>
0
ergoProxy 11 may. 2021 a las 13:41

Usando javascript,

let comp = document.querySelector("#para1");
comp.classList.add("newStyles");

Esto agregará la clase newStyles a la variable comp.

0
Coder1 11 may. 2021 a las 13:41