Atributo content

Hola a todos! Bueno, estaba probando un poco como venía la mano con el tema de armar un sitio con divs y css, para ir migrando de mis tablas, y me puse a analizar un ejemplo que me pasaron...

En ello me encontré con un atributo, content, y, si bien me leí la referencia que trae el DW, no me quedó del todo claro para qué sirve o qué función cumple...

El código es así:

Código :

div#MainSpot:after   { 
           content :  ".";
           display :  block;
           height:  0;
           clear :  both;
           visibility:  hidden;
           }

Bueno, no he visto mucho de esta declaración pero creo que sirve para reemplar los elementos donde lo aplicas...

Puedes ver info muy util aqui: http://www.quirksmode.org/css/content.html

Salu2

los elementos pueden ser tags html... <p>.. <img>.. etc

..y sólo funciona con navegadores de verdad

El content es para agregar contenido.

Si usas la pseudo clase :after, y usas content: ".", agregará un punto después de ése div.

Si usas el :before, obviamente será antes.

PD: Planeo hacer un tuto sobre las pseudo clases.

Gracias a todos! Ilustrativos como siempre...