Hay que diferenciar 2 cosas: agregar "algo" delante de una clase css, y realizar una lista (como tu ejemplo). Según entiendo, tu querés usar lo primero para realizar lo segundo, cuando se debe uar lo primero para hacer lo primero, y lo segundo para hacer lo segundo
Para hacer una lista (como los enlaces de tu ejemplo):
<ul>
<li>Link 1</li>
<li>Link 2</li>
<li>Link 3</li>
</ul>
A esta lista se le pueden aplicar varios tipos de atributos css (color, fondo, etc.) además de tener atributos "propios" llamados
list-style
Para agregar un código delante de "algo" definido mediante css se utiliza el pseudo-elemento :before
P.note:before {content: "Nota: "}
Así se ha definido una clase de párrafo llamada "note" en la que se indica que antes de la propia nota se debe incluir el texto indicado, osea, "Nota: ".
OJO: esta característica es de CSS 2 e Internet Explorer 6 no la soporta.