为什么CSS类在浏览器中不起作用？

Question

我有这个HTML;

<div class="1"><br/>hi</div>
<div class="2"><br/>hi</div>
<div class="3"><br/>hi</div>
<div class="4"><br/>hi</div>

然后我将正常的CSS格式添加到div;

div{
    height: 100px;
    width: 100px;
    border-radius: 100%;
    margin: 20px;
    display: inline-block;
    text-align: center;
}

然后我希望每个div都是不同的颜色，所以我使用了这样的类;

.1{
    background-color: pink;
}

.2{
    background-color: red;
}

.3{
    background-color: orange;
}

.4{
    background-color: yellow;
}

我在Dreamweaver中写这个，当我点击div时，小类的东西告诉我它们是彩色的并且代码正常工作，但是当我在浏览器中预览颜色没有出现时我只是得到了div的一部分。 它可能非常明显但我无法想到为什么会这样。 谢谢:)）

Answer 1

请避免在开头使用带数字的课程。它肯定会失败。 您可以使用例如cl1，cl2，cl3等