如何选择包含特殊字符的id？

我正在处理无法修改的 HTML 片段。文档中的 ID 之一是：

<div id="a>span.tex"> ... </div>

这是完全有效的HTML5 id 语法 https://www.w3.org/TR/html5/dom.html#the-id-attribute，但是，不可能在 CSS 中选择这个 id 而不遇到问题> and .人物。

我怎样才能在CSS中选择这个id？

您可以使用反斜杠转义特殊字符：

#a\>span\.tex {
  color: red;
}

<div id="a>span.tex"> Some funky ID </div>

你甚至可以在 ID 中使用反斜杠，只要用另一个反斜杠转义即可：

#a\\span\\tex {
  color: red;
}

<div id="a\span\tex"> Some funky ID </div>

事实上，很多疯狂的字符串都是 HTML5 中的有效 ID

#\¯\\\_\(\ツ\)\_\/\¯ {
  color: red;
}

<div id="¯\_(ツ)_/¯"> ¯\_(ツ)_/¯ - but why would you? </div>