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

Question

我正在使用我无法修改的HTML片段。该文件中的一个ID是：

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

这是完全有效的HTML5 syntax for ids，但是，无法在CSS中选择此ID而不会遇到>和.字符的问题。

如何在CSS中选择此ID？

Answer 1

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

#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>

Answer 2

使用它：

div[id="a>span.tex"] {
    style here;
}

这将选择id等于你的id的div