Html 未应用以数字开头的CSS类

我正在尝试创建一个包含图像的网页。但是，我希望所有的图像大小和格式都相同。我有以下CSS类，适用于div，并将图像居中并调整大小：

.img-container {
    border: thin solid #C4C4C4;
    border-radius: 10px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

但是，我的图像在整个页面中将具有不同的维度。因此，我想为高度和宽度设置单独的类，如下所示：

.200-200 {
    width: 200px;
    height: 200px;
}

当我将这两个类应用于div时，如下所示：

<div class="img-container 200-200"><img></div>

---

高度和宽度似乎不适用。我能做些什么把这些课分开吗

CSS类名不应该以数字开头（除非您愿意做描述的事情）。因此，也许可以将其更改，即类名从“200-200”更改为“s200-200”

.200{
颜色：红色；
}
.s200{
颜色：红色；
}

我不是红色的：(
我是红色：）

您最好不要以数字开头类名。若要修复它，请更改类名

.img容器{
边框：薄实线#C4C4；
边界半径：10px；
溢出：隐藏；
左边距：自动；
右边距：自动；
}
.c200{
宽度：200px；
高度：200px；
}

---

对于以数字开头的类，您需要编写

.\32 00-200 {
  width: 200px;
  height: 200px;
}

你可能想避免这样做

\32

表示数字“2”。后面的空格必须终止转义序列

---

原因是“CSS标识符”不能以数字开头。在CSS中，选择器中使用的类名被视为“CSS标识符”。因此，必须以上面所示的方式转义前导号码。请注意，从HTML角度看，类名没有任何限制，只是它们可能不包含空格。所以你可以写另一个非常有用的符号是：

[class="200"]{
  width: 200px;
  height: 200px;
}

然而，缔约国：

在CSS中，标识符（包括选择器中的元素名称、类和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U+00A0及更高，加上连字符（-）和下划线（33;）；它们不能以数字、两个连字符或连字符后跟数字开头。标识符还可以包含转义字符和任何ISO10646字符作为数字代码（请参阅下一项）。例如，标识符“B&W？”可以写为“B\&W\？”或“B\26 W\3F”

---

<>你可能会考虑重新思考你的类名，而

类不应该从它的一个可能的重复开始。谢谢聪明！属性选择器比类选择器更具可读性，但它可能可以忽略不计，而且CSS肯定比转义的第一个字符更具可读性。