Escribí algunos dummy css. En lugar de una etiqueta, obtuve caracteres escapados. ¿Cómo puedo agregar una etiqueta div en su lugar?css {content: "text"}, ¿Cómo agrego las etiquetas?
.HeaderName:after{
content: "<div class=\"Name2\">text</div>";
}
.Name2 {
color: red;
}
La declaración content no puede añadir etiquetas a la página (etiquetas son estructurales); Además, CSS está diseñado para cambios de presentación, no para cambios de contenido estructural.
considerar el uso de jQuery, en cambio, como por ejemplo:
$(".HeaderName").after("your html here");
No se puede insertar etiquetas utilizando content: en el CSS. Aquí está la parte relevante de la especificación; ver the 'content' property en la especificación CSS 2.1.
Si necesita esa etiqueta adicional sólo para hacer que el texto añadido rojo, simplemente hacer esto:
.HeaderName:after{
content: "text";
color:red;
}
probado en Chrome.
funciona también en Mozilla e IE11. –
Por último, el texto agregado a través de la propiedad de contenido CSS no se inserta en el DOM, por lo que no puede ser activado posteriormente por Javascript, etc. Estoy de acuerdo en que no se debe usar en general, y ciertamente no se debe usar para este propósito. +1 –
En ciertos contextos, el uso de la propiedad del contenido podría ser estilísticamente correcto. Por ejemplo, añadir una coma después de ciertas piezas de contenido: Nueva York NY .city: after {content: ""; } Por lo tanto, no siempre _ está mal, pero no es de ninguna manera recomendado. –
Un ejemplo útil es poner dos puntos (:) después de las etiquetas o el asterisco (*) después de los campos obligatorios. Se puede acordar que estos son solo detalles de presentación y que una lectura de pantalla no debe leer "dos puntos" o "estrella" como parte del contenido. – andho