tamaño - css{contenido: “texto”}, ¿Cómo agrego etiquetas?

redimensionar texto css

Question

Escribí algunos css ficticios. En lugar de una etiqueta conseguí personajes escapados. ¿Cómo puedo agregar una etiqueta div en su lugar?

.HeaderName:after{
content: "<div class=/"Name2/">text</div>";
}

.Name2 {
color: red;
}

Answer 1

La declaración de content no puede agregar etiquetas a la página (las etiquetas son estructurales); Además, CSS está destinado a cambios de presentación, no a cambios de contenido estructural.

Considere usar jQuery, en su lugar, como por ejemplo:

$(".HeaderName").after("your html here");

Answer 2

No puedes insertar etiquetas usando content: en CSS. Aquí está la parte relevante de la especificación; vea la propiedad ''contenido'' en la especificación CSS 2.1.

Answer 3

Si necesita esa etiqueta adicional solo para que el texto agregado se vuelva rojo, simplemente haga lo siguiente:

.HeaderName:after{
    content: "text";
    color:red;
}

Probado en Chrome.