Html 带有类的div将无法识别css样式

我创建了一个新的div，并在其中放置了一些东西。然后我转到样式表并创建了相应的样式。当我刷新页面并检查元素时，div没有从样式表中提取样式。帮助，因为这真的很令人沮丧

这是html

<div class="2columnlayout">
        <div id="managecontent1">
            <img src="img/wordpress-logo.png" />
            <p>Wordpress</p>
        </div>
        <div id="managecontent2">
            <img src="img/filezillaicon.png" />
            <p>F.T.P.</p>
        </div>
    </div>

}这样写：

.columnlayout2

而不是

.2columnlayout

---

因为CSS无法识别以数字开头的

类和
ID
。
类不能以数字开头。将其重命名为类似于twocolumnlayout的内容。
试试这个

<div class="columnlayout">
        <div id="managecontent1">
            <img src="img/wordpress-logo.png" />
            <p>Wordpress</p>
        </div>
        <div id="managecontent2">
            <img src="img/filezillaicon.png" />
            <p>F.T.P.</p>
        </div>
    </div>

CSS不允许以数字开头的标识符，例如
2columnlayout
，因此规则中的选择器无效，因此忽略整个规则

正如其他答案中所建议的，您可以通过使用以字母开头的类名来避免这个问题。如果适用，这通常是最好的

但是，类名可以以数字开头（限制使用CSS语法，而不是HTML语法），如果无法更改类名，则可以使用数字。在这里，您可以将数字
2
替换为
\32
（反斜杠，数字三，数字二，空格），这是一种基于数字的Unicode代码编号（十六进制中的32）的转义符号：

.\32 columnlayout {
  /* declarations here */
}

谢谢你告诉我为什么。我不知道。现在觉得自己很蠢哈哈：）
.columnlayout div p{
text-align: center;
font-size: 24px;
font-weight: 300;
margin-top: 90px;
}

.\32 columnlayout {
  /* declarations here */
}