HTML5

请记住，ID必须是唯一的，即文档中不能有多个元素具有相同的ID值。

HTML5中关于ID内容的规则是（除了唯一性之外）：

此属性的值不能包含空格。[...]虽然HTML5中取消了这一限制，但为了兼容性，ID应该以字母开头。

这是关于ID的W3规范（来自MDN）：

任何字符串，具有以下限制：必须至少有一个字符长不能包含任何空格字符以前版本的HTML对ID值的内容设置了更大的限制（例如，它们不允许ID值以数字开头）。

更多信息：

W3-全局属性（id）MDN属性（id）

从技术上讲，可以在id/name属性中使用冒号和句点，但我强烈建议避免两者。

在CSS（以及jQuery等几个JavaScript库）中，句点和冒号都有特殊含义，如果不小心就会遇到问题。句点是类选择器，冒号是伪选择器（例如，当鼠标悬停在元素上时，元素的“：hover”）。

如果给元素id为“my.ccool:thing”，则CSS选择器将如下所示：

#my.cool:thing { ... /* some rules */ ... }

也就是说，在CSS中，“id为‘my’的元素、‘cool’类和‘thing’伪选择器”。

任何大小写、数字、下划线和连字符都要使用A-Z。如上所述，确保您的ID是唯一的。

这应该是你最关心的问题。

要引用带句点的id，需要使用反斜杠。我不确定连字符或下划线是否相同。

例如：

HTML

<div id="maintenance.instrumentNumber">############0218</div>

CSS

#maintenance\.instrumentNumber{word-wrap:break-word;}

根据HTML 4规范：

ID和NAME标记必须以字母（[a-Za-z]）开头，后面可以是任意数量的字母、数字（[0-9]）、连字符（“-”）、下划线（“_”）、冒号（“：”）和句点（“.”）。

一个常见的错误是使用以数字开头的ID。

自ES2015以来，如果文档字符集设置为UTF-8，我们也可以使用几乎所有的Unicode字符作为ID。

在此测试：https://mothereff.in/js-variables

阅读：ES2015中有效的JavaScript变量名

在ES2015中，标识符必须以$、_或任何带有Unicode派生的核心属性ID_Start。标识符的其余部分可以包含$、_、U+200C零宽度非连接符、U+200D零宽度连接符或任何Unicode符号派生的核心属性ID_Continue。

const target=document.querySelector（“div”）.idconsole.log（“Div-id:”，目标）document.getElementById（目标）.style.background=“chartreuse”第二部分{边框：5px蓝色实心；宽度：100%；高度：200px}<div id=“H̹̙̦̮͉̩̗ͻͧ̏̾Eͨ͆͒̆ͮ͏̷̰̣̫̤C͈̻ͯ͐O̜͎͍878;͐͗ͤ781;͢M̡̲̭͍͇̼̟̯̦̉̒͠Ḛ̛̙̞̪̗ͥͤͩ̾͑̔͐ͅṮ“”</div>

你应该使用它吗？可能不是个好主意！

阅读：JavaScript：“函数体后面缺少语法错误}”

严格来说，它应该匹配

[A-Za-z][-A-Za-z0-9_:.]*

但是jQuery似乎有冒号的问题，所以最好避免使用冒号。