使用hash时如何将id作为选择器？

假设有以下 html：

<div id='test#1'>test1</div>
<div id='test#2'>test2</div>

现在，以下内容不起作用，为什么？

css....

#test#1{color: red;}

jQuery....

$('#test#2').css('color','blue');

要使用任何元字符（例如 !"#$% 和'()*+,./:;?@[]^`{|}~ 作为名称的文字部分，它必须是用反斜杠转义：

css way:

#test\#1{
    color: red;
}

jquery方式：

$('#test\\#2').css('color','blue');

demo

推荐：

你不应该在你的id中使用#查看更多详情

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

因此，您可能还想知道可以使用 id="test.1" ，为此您也应该如上所述转义该字符。