Hola a todos.
Un ejemplo del uso de :before
Código HTML:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>before</title>
<meta http-equiv='Content-type' content='text/xml; charset=utf-8' />
<meta name='autor' content='Jorolo' />
<style type='text/css'>
ul { list-style: none; list-style-position: inside;
padding: 0.1ex; }
li.nota:before { content: 'nota: '; color: red; }
li.nota2:before { content: '» '; } /* #187 */
li.nota3:before { content: '☺ '; } /* #9786 */
</style>
</head>
<body>
<ul>
<li class='nota'>esto es un prueba de lista con :before</li>
<li class='nota2'>esto es lo que pedia wakewakeup (creo)</li>
<li class='nota3'>espero que os sirva</li>
</ul>
</body>
</html>