liste des classes d'objets?

Question

Ok, donc j'ai une liste non ordonnée avec un arrière-plan appliqué. J'ai aussi des éléments de liste avec des classes donc je peux spécifier la largeur de chacun individuellement. Pourquoi ne puis-je pas voir les changements comme la largeur que j'ai ajouté aux classes de chaque liste? bien que je le vois dans la vue de conception de Dreamweaver.

<ul id="graph"> 
<li class="1"><span>HTML</span></li> 
<li class="2"><span>CSS</span></li> 
<li class="3"><span>Javascript</span></li> 
<li class="4"><span>SEO</span></li> 
<li class="5"><span>Photoshop</span></li> 
</ul> 

#graph li { 
list-style-type: none; 
display: block; 
background-image: url(../img/graph_bg.gif); 
background-repeat: repeat-x; 
margin-top: 20px; 
} 

#graph li .1 { 
height: 35px; 
display: block; 
width: 85%; 
} 

etc, etc

Answer 1

Je crois que 1, etc ne sont pas les noms de classe valides. Je soupçonne qu'ils doivent commencer par une lettre.

Modifier: sur une note non liée, y a-t-il une raison pour laquelle vous avez des tags <span> dans les balises <li>?