En CSS aparte de todas las propiedades de CSS también existen pseudo-elementos que permiten aplicar el formato basado en información que está fuera de la estructura del documento. Por ejemplo el pseudo-elemento :first-line se refiere específicamente a la primera línea de un elemento.
Pero en esta entrada ablaremos de los pseudo-elementos :before y :after, estos son realmente útiles, con ellos podremos insertar cualquier cosa delante o después de un elemento a través de CSS. Para hacerlo tendremos que usarlo conjuntamente con la propiedad content.
Por ejemplo: con la siguiente clase conseguiremos que todos los divs cuya clase coincida con nota comienzen con el tecto Nota: .
Y si por ejemplo queremos asegurarnos de que todos los divs cuya clase sea nota terminen con un punto, pues simplemente tendríamos que hacer lo siguiente:
