CSS禁止的ID和类名

Question

我正在对我正在处理的网站进行整理，并正在进行清理代码......删除不必要的标记，重命名元素以更好地描述其功能等等。

由于某种原因，我的页面布局在IE6中被破坏了。 IE6仍然是公司计算机上的主要浏览器。浪费了很多时间后我终于确定了问题的根源。

我将包含页面主要内容的DIV元素重命名为“content”。出于某种原因，IE并不欣赏这一点，我不知道为什么。

是否有某些单词不允许用作ID或类名？如果是这样，它们是什么以及哪些浏览器受到影响？

Answer 1

请确保网站上其他任何地方都没有其他名为“内容”的ID。 拥有2个具有相同ID的对象（在本例中为“content”）将使CSS失败。

请记得检查你的CSS是否也改变了ID！ ：）

Answer 2

对于ID，according to the W3C：

  

ID和NAME令牌必须以字母（[A-Za-z]）开头，后面可以跟任意数量的字母，数字（[0-9]），连字符（“ - ”），下划线（“ _“），冒号（”：“）和句号（”。“）。

不言而喻，两个元素在DOM中不能具有相同的ID。

对于CSS班级名称，请查看at this StackOverflow answer。

Answer 3

  

我将包含页面主要内容的DIV元素重命名为“content”

如果这意味着<div id="badnameforcontent">成为<div id="content">那么 也许之前的ID“badnameforcontent”的样式因此丢失了，请检查您的CSS是否有原始名称，并将其更新为#content。