css - @ 記号の Unicode エスケープが漢字として表示される

Question

@記号のUnicode文字は40ですが、試してみると漢字のように表示されます。

p::after{
  content: 'foo\40bar.com';
}

<p>Email: </p>

Answer 1

W3から:

一方、次の文字が 16 進数で使用できる文字である場合、数字の末尾がどこにあるかが明確になりません。これらの場合、2 つのオプションがあります。1 つ目は、エスケープの後にスペースを使用することです。

または、スペースの有無にかかわらず、6 桁の 16 進数を使用できます。

p::after{
  content: 'foo\000040bar.com';
}

<p>Email: </p>