类样式未应用于 <img>s [重复]答案

【问题标题】：Class styles not being applied to <img>s [duplicate]类样式未应用于 <img>s [重复]
【发布时间】：2015-04-11 09:50:49
【问题描述】：

这是一个奇怪的问题。这看起来很简单，但就是行不通。

我在容器中有图像。带有class="1" 的图像应该占据容器 div 的整个宽度。带有class="2" 的图像应该能够并排放置 2 个图像，占据容器 div 的整个宽度。带有class="3" 的图像应该能够适合 3... 你明白了。

但是，即使应用了类（检查元素！），样式也没有。似乎唯一可行的是#container img 的通用样式，我可以通过从任一样式中删除“.1”或“.2”来在小提琴中进行测试。只要添加.1，图片就不再具有样式，即使它们是class="1"！

我能想到的可能是标签不支持类属性？但我不认为这是真的。

【问题讨论】：

标签： html css

【解决方案1】：

CSS 类选择器不能以数字开头。

使用属性选择器或（更明智的）更好的类名。

【讨论】：

【解决方案2】：

问题是

在 CSS 中，identifiers [...] 不能以数字开头。

这意味着类选择器可以以数字开头，但您必须正确转义它。

要转义数字 d，您可以使用 \00003d 或 \3d （注意空格）。

例如，

.\31 {
  background: #0f0;
}

&lt;div class="1"&gt;Foo bar&lt;/div&gt;

【讨论】：