Los pseudo-elementos :before y :after

0 COMENTARIOS -  Publicado hace 52 meses -  Clasificado en: ,

Los pseudo-elementos ':before' y ':after' pueden ser usados para insertar un contenido generado antes o después del contenido del elemento. Un pequeño ejemplo de uso podría ser si quisiesemos insertar un pequeño texto en cada instancia "pie" de todo nuestro sitio web. Tendríamos un pie de página:

<div id="pie"><a href="#">Contacto</a> | <a href="#">Localización</a></div>

Si quisiesemos mantener la fecha de actualización con CSS podríamos añadir la fecha después del contenido del pie

#pie:after {content: "Actualizado en Noviembre de 2005";}  

Algunas entradas relacionadas:

También te puede interesar:

Haz un comentario

¡Gracias por dejar tu opinión! Por favor procura que tu comentarios sean apropiados respecto al tema tratado en la entrada; que no sean spam, u ofensivos, de otro modo, serán eliminados. Todos los comentarios serán moderados antes de su publicación por lo que su aparición en la web puede verse aplazada un cierto tiempo. Si deseas realizar algún comentario, crítica o sugerencia sobre la propia web puedes hacer a través de la siguiente dirección de correo: webintenta@webintenta.com