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

Question

我正在为 5 星评级系统开发 html，由于某种原因，我无法让我的锚点具有宽度和高度，即使我将它们设置为块元素也是如此。我已将问题缩小到以下基本代码：

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 中有所改变，但这仍然不是一个好主意）。因此没有应用样式。