类样式未应用于<img/>

时间:2015-03-19 17:12:41

标签: html css

这是一个奇怪的人。这似乎很简单,但是没有用。

Fiddle

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

但是,即使正在应用类(检查元素!),样式也不是。唯一似乎有效的是#container img的一般风格,你可以通过删除&#34; .1&#34;来测试你的小提琴。或&#34; .2&#34;从任何一种风格。只要您添加.1,图片就不再采用该样式,即使它们是class="1"

我能想到的一切可能是标签不支持班级attr?但我认为这不是真的。

2 个答案:

答案 0 :(得分:7)

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

使用属性选择器或(更明智地)更好的类名。

答案 1 :(得分:0)

问题在于

  

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

这意味着类选择器可以以数字开头,但您必须正确地逃避

要转义数字d,您可以使用\00003d\3d (请注意空格)。

例如,

&#13;
&#13;
.\31 {
  background: #0f0;
}
&#13;
<div class="1">Foo bar</div>
&#13;
&#13;
&#13;