为什么我的块元素的宽度和高度为0？

Question

我正在使用html进行5星评级系统,由于某种原因,即使我将它们设置为块元素,我也无法获得宽度和高度的锚点.我把问题缩小到这个基本代码:

CSS:

.outerdiv{
    height:20px;
    width:90px;
    background-color:red;
    }
.innerdiv{
    height:20px;
    width:63px;
    background-color:blue;
    }
.1{
    display:block;
    height:20px;
    width:18px;
    z-index:5;
    background-color:green;
    }
.1:hover{
    background-color:orange;
    }?

HTML:

<div class="outerdiv">
    <div class="innerdiv">
        <a class="1"></a>
    </div>
</div>?

另请 参阅:http: //jsfiddle.net/knoell8504/qsjqL/4/此代码与我正在使用的代码之间的主要区别在于此代码使用背景颜色,其中我的代码使用背景图像.

Answer 1

类名不能以数字开头(我认为这在HTML5中有所改变,但它仍然不是一个好主意).因此,未应用样式.