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

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

CSS:

HTML:

也在：

---

这段代码和我正在使用的代码之间的主要区别在于，这段代码使用了背景色，而我的代码使用了背景图像。

类名不能以数字开头，我认为这在HTML5中正在发生变化，但这仍然不是一个好主意。因此没有应用样式。

类名不能以数字开头，我认为HTML5正在改变，但这仍然不是一个好主意。因此，不会应用这些样式。

谢谢！虽然我在代码中使用了不同的类名，但它们也是以数字开头的。对于类名不能以数字开头的语句，您有规范参考吗？谢谢！尽管我在代码中使用了不同的类名，但它们也是以数字开头的。对于类名不能以数字开头的语句，您有规范引用吗？

.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;
    }​

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