为什么 CSS 类在浏览器中不起作用？ [复制]答案

【问题标题】：Why won't CSS class work in browser? [duplicate]为什么 CSS 类在浏览器中不起作用？ [复制]
【发布时间】：2014-10-12 06:40:17
【问题描述】：

我有这个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>

然后我在 div 中添加了普通的 CSS 格式；

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时，小类的东西告诉我它们是彩色的并且代码正在工作，但是当我在浏览器中预览时，颜色没有显示出来，我只是得到CSS 的 div 部分。这可能很明显，但我想不出为什么会这样。谢谢:)

【问题讨论】：

【解决方案1】：

请避免使用以数字开头的类。它肯定会失败。您可以使用例如 cl1、cl2、cl3 等。

【讨论】：